FastComments.com

Add Comments to Shopify Sites

Pomoću FastComments-a možemo lako dodati komentare uživo na bilo koji Shopify sajt.

Uputstva ispod su za blog napravljen na Shopify-ju, ali embed kod se takođe može ručno dodati na bilo koju stranicu uređivanjem drugih fajlova teme. Podrška FastComments-a takođe može pomoći sa ovim.

Imajte na umu da ovaj tutorijal zahteva FastComments nalog. Preporučuje se da se prvo registrujete, pa se onda vratite ovamo. Možete kreirati nalog ovde.

Korak 2: Onemogućite podrazumevani sistem komentarisanja Internal Link

Prvi korak za korišćenje FastComments sa Shopify-om je onemogućavanje sistema Shopify-a.

Napomena FastComments Support može vam pomoći pri migraciji postojećih niti komentara.

Da bismo zamenili Shopify sistem komentara, idemo na kontrolnu tablu naše prodavnice i kliknemo Blog posts u donjem levom uglu:

Otvorite administraciju blog postova
Otvorite administraciju blog postova

Zatim ćemo kliknuti Manage blogs u gornjem desnom uglu:

Upravljanje blogovima
Upravljanje blogovima

Kliknite na blog koji želite da upravljate. Ako piše Comments are disabled možete preskočiti ovaj korak i preći na Step Two.

Upravljanje blogom
Upravljanje blogom

Ako nije, izaberite blog i osigurajte da je u desnom panelu izabrano Comments are disabled:

Onemogućite komentare
Onemogućite komentare

Sada kliknite sačuvaj.

Korak 3: Otvorite šablon teme bloga Internal Link

Sada ćemo izmeniti temu vaše prodavnice da dodamo FastComments.

U levom panelu otvorite Themes:

Otvorite teme
Otvorite teme

Ispod Current theme, izaberite Actions, a zatim Edit code:

Uredi kod
Uredi kod

Ovo će otvoriti uređivač koda, sa pregledačem fajlova levo i kodom desno.

Sve što treba da uradimo je da kopiramo mali deo koda koji dodaje FastComments i nalepimo ga na odgovarajuću liniju u odgovarajućem fajlu.

U pregledaču fajlova na levoj strani, skrolujte nadole i kliknite Sections:

Izaberite sekcije
Izaberite sekcije

Sada ćemo se pomeriti nadole i izabrati main-article.liquid:

Izaberite main-article
Izaberite main-article

Ovo će otvoriti šablon teme koji se koristi za prikaz jedne blog objave.

Sada bi trebalo da vidite nešto slično sledećem, sa main-article.liquid izabranim na vrhu:

main-article otvoren
main-article otvoren

Korak 4: Dodajte FastComments.com kod Internal Link

Sada ćemo skrolovati do linije 100:

Skroluj do linije 100
Skroluj do linije 100

Sada kopirajte sledeći isječak koda, koji je dizajniran posebno za Shopify - nemojte koristiti isječke koda iz drugih tutorijala:

FastComments isječak 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

Sada želimo da postavimo kursor na line 101 - odmah posle </div> - i nalepimo. Trebalo bi da imate nešto ovako:

Dodajte FastComments kod
Dodajte FastComments kod

Sada možemo sačuvati:

Sačuvaj
Sačuvaj

Uspeh Internal Link


Sada, ako pogledamo objavu na blogu, trebalo bi da vidimo FastComments!

Uspešno!
Uspešno!

Čestitamo na postavljanju FastComments sa Shopify! Ako ste naišli na Domain Error, ili želite da saznate kako da prilagodite oblast za komentare, nastavite sa čitanjem!


Prilagođavanje Internal Link


FastComments je dizajniran da se prilagodi vašem sajtu.

Ako želite da dodate prilagođeni stil ili promenite konfiguraciju, Pogledajte našu dokumentaciju za prilagođavanje da saznate kako.