Add Comments to BigCommerce Sites

Prvo, hajde da napravimo prilagođenu temu koju ćemo izmeniti. Ako već imate podešenu prilagođenu temu, možete preskočiti ovaj korak.

Da bismo to uradili, idite na Storefront, a zatim na Themes.

Izaberite Storefront

Izaberite Themes

Za potrebe ovog vodiča koristićemo podrazumevanu temu, ali uputstva su ista za sve teme.

Dalje, mi nećemo kliknuti na Customize. Umesto toga, kliknite na Advanced i Make a Copy.

Napravite kopiju

Potvrdite kopiranje teme:

Sačuvajte kopiju

Kada se završi, trebalo bi da vidite vašu temu navedenu pod Themes na dnu stranice, ovako.

Prilagođena tema je kreirana

Sada možemo da izmenimo našu novu temu kako bismo dodali FastComments.

Izmenite fajlove teme

Sledeći korak je dodavanje koda widgeta koji omogućava rad integracije.

Kada se nalazite u uređivaču teme, prema uputstvu iz prethodnog koraka, videćete pregledač fajlova levo i uređivač desno.

Uredićemo template koji predstavlja stranice pojedinačnih objava na blogu.

U levom navigacionom meniju, idite na templates->pages->blog-post.html.

Otvori šablon

Zatim, kopirajte kod koji ćemo koristiti za instalaciju FastComments:

BigCommerce Comments Code

Copy

1

2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5window.fcConfigs = [{

6 "tenantId": "demo"

7}];

8</script>

9

Sada ćemo nalepiti kod widgeta na Line 6. Važno je da se kod doda pre linije sa {{/partial}}.

Nalepite na liniju 6

Trebalo bi da dobijete nešto ovako:

Nakon dodavanja koda

Sada možemo sačuvati datoteku:

Sačuvaj

...i izađite iz uređivača:

Uredi uređivač

Naš poslednji korak je korišćenje novog predloška teme.

In the top right, you'll now see either Publish or Make Active Theme. Kliknite na to da nastavite i objavite izmene:

Objavite promene

Sada možemo da pogledamo naš sajt! Ako odete na objavu na blogu, trebalo bi da vidite polje za komentare na dnu.

Promene uživo

Dobar posao! Dodali ste komentare uživo na vaš BigCommerce sajt.

Ako ste naišli na grešku "permission denied", ili želite da prilagodite FastComments, nastavite čitanje.

FastComments je dizajniran da se prilagodi vašem sajtu.

Ako želite dodati prilagođeni stil ili podesiti konfiguraciju, Pogledajte našu dokumentaciju za prilagođavanje da biste saznali kako.

Nije preporučljivo dodavati FastComments putem BigCommerce-ovog Page Builder-a, jer tada kod mora biti ručno dodat na svaku željenu stranicu.

Međutim, ako je to poželjno, mora se koristiti sledeći isječak koda. Isječci koda iz drugih tutorijala neće raditi zbog prirode BigCommerce-a:

Isječak za BigCommerce Page Builder

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 let loaded = false;

7 function attemptLoad() {

8 if (loaded) {

9 return;

10 }

11 if (!window.FastCommentsUI) {

12 return;

13 }

14 FastCommentsUI(document.getElementById('fastcomments-widget'), {

15 tenantId: "demo"

16 });

17 loaded = true;

18 }

19 attemptLoad();

20 const interval = setInterval(function () {

21 attemptLoad();

22 if (loaded) {

23 clearInterval(interval);

24 }

25 }, 300);

26 })();

27</script>

28