Add Comments to BigCommerce Sites

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

To do this, we will go to Storefront and then Themes.

Odaberite Storefront

Odaberite Themes

Za svrhe ovog tutorijala koristit ćemo zadanu temu, ali upute su iste za sve teme.

Next, we are not going to click Customize. Instead, click Advanced and Make a Copy.

Napravite kopiju

Potvrdite kopiranje teme:

Sačuvajte kopiju

Kada se završi, trebali biste vidjeti svoju temu navedenu pod Themes na dnu stranice, ovako.

Kreirana prilagođena tema

Sada možemo urediti novu temu kako bismo dodali FastComments.

Uredite datoteke teme

Следећи корак биће додавање кода видгета који омогућава функционисање интеграције.

Када сте у уређивачу теме, како је наведено у претходном кораку, видећете прегледач датотека лево и уређивач десно.

Оно што ћемо урадити је уређивање шаблона који представља странице наших блог-постова.

У левој навигацији, идите на templates->pages->blog-post.html.

Отворите шаблон

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 linije koja sadrži {{/partial}}.

Zalijepite na Line 6

Treba 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č

Наш последњи корак је да користимо нови предлошак теме.

У горњем десном углу, сада ћете видјети или Publish или Make Active Theme. Кликните то да наставите и примените измене уживо:

Објавите измене

Сада можемо погледати наш сајт! Ако одете на неки блог пост, требало би да видите поље за коментаре на дну.

Измене уживо

Добро урађено! Додали сте коментарисање уживо на ваш BigCommerce сајт.

Ако сте наишли на грешку 'permission denied', или желите прилагодити FastComments, наставите да читате.

FastComments је дизајниран да се прилагоди вашем сајту.

Ако желите додати прилагођени стил или подесити конфигурацију, Погледајте нашу документацију за прилагођавање да бисте сазнали како.

Nije preporučeno dodavanje FastComments-a putem BigCommerce-ovog Page Builder-a jer se tada kod mora ručno dodavati na svaku željenu stranicu.

Međutim, ako je to poželjno, sljedeći isječak koda mora biti korišten. 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