Add Comments to Shopify Sites

Prvi korak za korištenje FastCommentsa sa Shopifyjem je onemogućavanje Shopifyjevog sustava.

Napomena Podrška FastCommentsa može vam pomoći pri migraciji postojećih niti komentara.

Za zamjenu Shopifyjevog sustava komentara, idemo na nadzornu ploču trgovine i kliknemo Blog posts u donjem lijevom kutu:

Otvorite upravljanje objavama bloga

Zatim kliknemo Manage blogs u gornjem desnom kutu:

Upravljanje blogovima

Kliknite na blog kojim želite upravljati. Ako piše Comments are disabled možete preskočiti ovaj korak i prijeći na Step Two.

Upravljanje blogom

Ako nije, odaberite blog i provjerite je li u desnom panelu odabrano Comments are disabled:

Onemogućite komentare

Sada kliknite Spremi.

Sada ćemo urediti temu naše trgovine kako bismo dodali FastComments.

U lijevom panelu otvorite Themes:

Otvorite Themes

Under Current theme, select Actions and then Edit code:

Uredi kod

This will open up a code editor, with a file browser on the left and the code on the right.

All we need to do is copy a small piece of code that adds FastComments and paste it on the right line in the right file.

In the file browser on the left, scroll down and click Sections:

Odaberite Sections

Now we're going to scroll down and select main-article.liquid:

Odaberite main-article

This will open the predložak teme used to render a single blog article.

You should now see something similar to the following, with main-article.liquid selected at the top:

main-article otvoreno

Sljedeće ćemo se pomaknuti dolje do retka 100:

Pomaknite se do retka 100

Now copy the following code snippet, which is designed specifically for Shopify - do not use code snippets from other tutorials:

Shopify FastComments isječak

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 postaviti kursor na line 101 - odmah nakon </div> - i zalijepiti. Trebali biste dobiti nešto ovako:

Dodajte FastComments kod

Sada možemo spremiti:

Spremi

Sada, ako pogledamo objavu na blogu, trebali bismo vidjeti FastComments!

Uspješno!

Čestitamo — konfigurirali ste FastComments za Shopify! Ako ste naišli na Domain Error, ili želite naučiti kako prilagoditi područje komentara, nastavite čitati!

FastComments je dizajniran da se prilagodi vašoj web-stranici.

Ako želite dodati prilagođeni stil ili prilagoditi konfiguraciju, Pogledajte našu dokumentaciju o prilagodbi kako biste saznali kako.