Add Comments to BigCommerce Sites

Najprej bomo ustvarili prilagojeno temo, ki jo bomo urejali. Če že imate nastavljeno prilagojeno temo, lahko ta korak preskočite.

Za to bomo odšli v Storefront in nato v Themes.

Izberite Storefront

Izberite Themes

V ta namen bomo v tem priročniku uporabili privzeto temo, vendar so navodila enaka za vse teme.

Nato ne kliknite Customize. Namesto tega kliknite Advanced in Make a Copy.

Ustvari kopijo

Potrdite kopiranje teme:

Shrani kopijo

Ko je postopek končan, bi morali videti svojo temo navedeno pod Themes na dnu strani, kot prikazano.

Ustvarjena prilagojena tema

Zdaj lahko uredimo novo temo, da dodamo FastComments.

Uredi datoteke teme

Naslednji korak bo dodajanje kode pripomočka, ki omogoča delovanje integracije.

Ko ste v urejevalniku teme, kot je bilo navedeno v prejšnjem koraku, boste na levi videli brskalnik datotek in na desni urejevalnik.

Uredili bomo predlogo, ki predstavlja strani naših objav na blogu.

V navigaciji na levi pojdite na templates->pages->blog-post.html.

Odprite predlogo

Nato kopirajte kodo, ki jo bomo uporabili za namestitev 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

Zdaj bomo prilepili kodo widgeta na Line 6. Pomembno je, da je koda dodana pred vrstico z {{/partial}}.

Prilepite na vrstico 6

Na koncu bi morali imeti nekaj podobnega:

Po dodajanju kode

Zdaj lahko shranimo datoteko:

Shrani

...in zapustite urejevalnik:

Uredi urejevalnik

Naš zadnji korak je uporaba nove predloge teme.

V zgornjem desnem kotu boste zdaj videli bodisi Publish ali Make Active Theme. Kliknite to, da nadaljujete in spremembe objavite v živo:

Objavi spremembe

Zdaj si lahko ogledamo našo spletno stran! Če odprete objavo na blogu, bi morali videti polje za komentarje na dnu.

Spremembe v živo

Odlično delo! Na svoje spletno mesto BigCommerce ste dodali komentarje v živo.

Če ste naleteli na napako 'dostop zavrnjen', ali bi radi prilagodili FastComments, nadaljujte z branjem.

FastComments je zasnovan tako, da ga lahko prilagodite svoji strani.

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

Ne priporočamo dodajanja FastComments prek BigCommerce's Page Builder, saj je v tem primeru treba kodo ročno dodati na vsako želeno stran.

Če pa je to zaželeno, je treba uporabiti naslednji del kode. Delčki kode iz drugih vadnic ne bodo delovali zaradi narave BigCommerce:

Vstavek 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