Add Comments to Shopify Sites

Први корак за коришћење FastComments са Shopify је онемогућавање Shopify система.

Напомена Подршка FastComments-а може вам помоћи при миграцији постојећих нитова коментара.

Да бисмо заменили Shopify систем коментара, идемо у контролну таблу продавнице и кликнемо на Blog posts у доњем левом углу:

Отворите админ панел блог постова

Затим ћемо кликнути на Manage blogs у горњем десном углу:

Управљање блоговима

Кликните на блог који желите да уређујете. Ако пише Comments are disabled можете прескочити овај корак и прећи на Step Two.

Управљање блогом

Ако није, изаберите блог и уверите се да је у десном панелу одабрано Comments are disabled:

Онемогућите коментаре

Сада кликните на Сачувај.

Сада ћемо уредити тему наше продавнице како бисмо додали FastComments.

У левом панелу отворите Themes:

Отворите теме

Под Current theme, изаберите Actions, а затим Edit code:

Уреди код

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

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

У прегледачу фајлова на левој страни, спустите се надоле и кликните Sections:

Изаберите секције

Сада ћемо се спустити надоле и изабрати main-article.liquid:

Изаберите main-article

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

Сада бисте требали видјети нешто слично следећем, са main-article.liquid изабраним на врху:

main-article отворен

Затим ћемо се спустити до реда 100:

Скролујте до реда 100

Сада копирајте следећи исјечак кода, који је дизајниран изричито за Shopify - не користите исјечке кода из других туторијала:

FastComments исјечак за Shopify

Copy

1

2<script async src="https://cdn.fastcomments.com/js/embed-v2-async.min.js"></script>

3<div id="fastcomments-widget" class="page-width page-width--narrow"></div>

4<script>

5 window.fcConfigs = [{

6 target: '#fastcomments-widget',

7 tenantId: "demo",

8 urlId: window.location.pathname

9 }];

10</script>

11

Сада треба да поставимо курсор на line 101 - одмах након </div> - и налепимо. Требало би да имате нешто овако:

Додајте FastComments код

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

Сачувај

Sada, ako pogledamo objavu na blogu, trebalo bi da vidimo FastComments!

Uspješno!

Čestitamo na postavljanju FastComments sa Shopifyjem! Ako ste naišli na Domain Error, ili želite da naučite kako da prilagodite područje komentara, nastavite čitati!

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

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