Add Comments to BigCommerce Sites

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

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

Изаберите Storefront

Изаберите Themes

За потребе овог упутства користићемо подразумевану тему, али упутства су иста за све теме.

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

Make a Copy

Потврдите копирање теме:

Save The Copy

Када се заврши, требало би да видите вашу тему наведну под Themes на дну странице, као у наставку.

Прилагођена тема је креирана

Сада можемо уредити нашу нову тему да додамо FastComments.

Уреди фајлове теме

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

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

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

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

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

Затим, копирајте код који ћемо користити за инсталирање 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

Сада ћемо налепити код видгета на Line 6. Важно је да се код дода пре линије са {{/partial}}.

Налепите на Line 6

Требало би да добијете нешто овако:

Након додавања кода

Сада можемо сачувати датотеку:

Сачувај

...и изађите из уређивача:

Измените уређивач

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

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

Објавите промене

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

Промене уживо

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

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

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

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

Не препоручује се додавање FastComments-а преко BigCommerce-овог Page Builder-а, јер тада код мора бити ручно додат на сваку жељену страницу.

Међутим, ако је ово жељено, мора се користити следећи исечак кода. Исечци кода из других туторијала неће радити због природе BigCommerce-а:

Исечак Page Builder-а за BigCommerce

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