Add Comments to BigCommerce Sites

Prvo, stvorimo prilagođenu temu koju ćemo uređivati. Ako već imate postavljenu prilagođenu temu, možete preskočiti ovaj korak.

Da bismo to napravili, idemo na Storefront i zatim Themes.

Odaberite Storefront

Odaberite teme

U svrhu ovog vodiča koristit ćemo zadanu temu, ali upute su iste za sve teme.

Sljedeće, nećemo kliknuti Prilagodi. Umjesto toga, kliknite Advanced i Make a Copy.

Napravite kopiju

Potvrdite kopiranje teme:

Spremite kopiju

Nakon dovršetka, trebali biste vidjeti svoju temu navedenu pod Themes pri dnu stranice, ovako.

Prilagođena tema stvorena

Sada možemo uređivati našu novu temu kako bismo dodali FastComments.

Uredite datoteke teme

Sljedeći korak je dodavanje koda widgeta koji omogućuje rad integracije.

Kada ste u uređivaču teme, kako je navedeno u prethodnom koraku, vidjet ćete preglednik datoteka s lijeve strane i uređivač s desne strane.

Uredit ćemo predložak koji predstavlja stranice objava na blogu.

U lijevoj navigaciji, idite na templates->pages->blog-post.html.

Otvorite predložak

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 zalijepiti kod widgeta na Line 6. Važno je da se kod doda prije retka s {{/partial}}.

Zalijepite na Line 6

Trebali biste dobiti nešto ovako:

Nakon dodavanja koda

Sada možemo spremiti datoteku:

Spremi

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

Uredi uređivač

Naš posljednji korak je upotrijebiti novi predložak teme.

In the top right, you'll now see either Publish or Make Active Theme. Click that to continue and make the changes live:

Objavite promjene

Sada možemo provjeriti našu stranicu! Ako otvorite objavu na blogu, trebali biste vidjeti polje za komentare na dnu.

Promjene uživo

Dobar posao! Dodali ste komentare uživo na svoju BigCommerce stranicu.

Ako ste naišli na grešku 'permission denied', ili želite prilagoditi FastComments, nastavite čitati.

FastComments je dizajniran da se prilagodi vašoj stranici.

Ako želite dodati prilagođeni stil ili promijeniti konfiguraciju, Pogledajte našu dokumentaciju o prilagodbama da saznate kako.

Ne preporučuje se dodavanje FastComments putem BigCommerce-ovog Page Buildera jer se tada kôd mora ručno dodavati na svaku željenu stranicu.

Međutim, ako je to željeno, mora se koristiti sljedeći isječak kôda. Isječci kôda iz drugih vodiča neće raditi zbog prirode BigCommercea:

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