FastComments.com

Add Comments to Shopify Sites

Z FastComments lahko zlahka dodamo komentiranje v živo na katerokoli spletno mesto Shopify.

Navodila spodaj so za blog, zgrajen na Shopify, vendar je vdelano kodo mogoče tudi ročno dodati na katero koli stran z urejanjem drugih datotek teme. Tudi podpora FastComments vam lahko pri tem pomaga.

Upoštevajte, da ta vadnica zahteva račun FastComments. Priporočamo, da se najprej prijavite in se nato vrnete sem. Ustvarite račun tukaj.

Korak 2: Onemogoči privzeti sistem komentarjev Internal Link

Prvi korak pri uporabi FastComments s Shopify je onemogočiti Shopifyjev sistem.

Opomba Podpora FastComments vam lahko pomaga pri preselitvi obstoječih nitk komentarjev.

Za zamenjavo sistema komentarjev Shopify bomo šli v nadzorno ploščo trgovine in kliknili Blog posts spodaj levo:

Odpri upravljanje objav na blogu
Odpri upravljanje objav na blogu

Nato bomo kliknili Manage blogs zgoraj desno:

Upravljaj bloge
Upravljaj bloge

Kliknite na blog, ki ga želite upravljati. Če piše Comments are disabled lahko ta korak preskočite in nadaljujete na Step Two.

Upravljanje bloga
Upravljanje bloga

Če ne, izberite blog in zagotovite, da je v desnem panelu izbrano Comments are disabled:

Onemogoči komentarje
Onemogoči komentarje

Zdaj kliknite Shrani.

Korak 3: Odpri predlogo teme za blog Internal Link

Zdaj bomo uredili temo naše trgovine, da dodamo FastComments.

V levem podoknu odprite Themes:

Odprite teme
Odprite teme

Pod Current theme, izberite Actions in nato Edit code:

Uredi kodo
Uredi kodo

To bo odprlo urejevalnik kode, z brskalnikom datotek na levi in kodo na desni.

Vse, kar moramo narediti, je kopirati kratek kos kode, ki doda FastComments, in ga prilepiti na pravo vrstico v pravi datoteki.

V brskalniku datotek na levi se pomaknite navzdol in kliknite Sections:

Izberite Sections
Izberite Sections

Zdaj se bomo pomaknili navzdol in izbrali main-article.liquid:

Izberite main-article
Izberite main-article

To bo odprlo predlogo teme, ki se uporablja za prikaz posameznega blog prispevka.

Zdaj bi morali videti nekaj podobnega naslednjemu, z izbranim main-article.liquid na vrhu:

main-article odprto
main-article odprto

Korak 4: Dodaj kodo FastComments.com Internal Link

Nato se bomo pomaknili navzdol do vrstice 100:

Pomaknite se do vrstice 100
Pomaknite se do vrstice 100

Zdaj kopirajte naslednji izrezek kode, ki je zasnovan posebej za Shopify - ne uporabljajte izrezkov kode iz drugih vodičev:

Izrezek FastComments za Shopify
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>
3<div id="fastcomments-widget" class="page-width page-width--narrow"></div>
4<script>
5 FastCommentsUI(document.getElementById('fastcomments-widget'), {
6 tenantId: "demo",
7 urlId: window.location.pathname
8 });
9</script>
10

Zdaj postavite kazalec na line 101 - right after the </div> - and paste. You should have something like this:

Dodajte kodo FastComments
Dodajte kodo FastComments

Zdaj lahko shranimo:

Shrani
Shrani

Uspeh Internal Link


Zdaj, če si ogledamo objavo na blogu, bi morali videti FastComments!

Uspešno!
Uspešno!

Čestitke za nastavitev FastComments s Shopify! Če ste naleteli na Domain Error, ali bi radi izvedeli, kako prilagoditi območje komentarjev, nadaljujte z branjem!


Prilagajanje Internal Link


FastComments je zasnovan tako, da ga je mogoče prilagoditi vašemu spletnemu mestu.

Če želite dodati lastno oblikovanje ali prilagoditi konfiguracijo, oglejte si našo dokumentacijo o prilagoditvah, da izveste, kako.