Add Comments to BigCommerce Sites

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

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

Изаберите продавницу

Изаберите теме

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

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

Направите копију

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

Сачувајте копију

Када се процес заврши, требало би да видите вашу тему наведenu под 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}}.

Налепити на линију 6

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

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

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

Сачувај

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

Уреди уређивач

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

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

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

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

Измене уживо

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

Ако сте наишли на грешку "permission denied", или бисте желели да прилагодите FastComments, прочитајте даље.

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

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

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 upotrijebiti sljedeći isječak koda. Isječci koda iz drugih vodiča 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