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 отворен

Sledeće ćemo se spustiti do linije 100:

Spustite se do linije 100

Sada kopirajte sljedeći isječak koda, koji je dizajniran specijalno za Shopify - ne koristite isječke koda iz drugih tutorijala:

FastComments isječak za Shopify

Copy

1

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

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

4<script>

5 FastCommentsUI(document.getElementById('fastcomments-widget'), {

6 tenantId: "demo",

7 urlId: window.location.pathname

8 });

9</script>

10

Sada želimo da postavimo kursor na line 101 - odmah nakon </div> - i zalijepimo. Trebalo bi da imate nešto ovako:

Dodajte FastComments kod

Sada možemo sačuvati:

Sačuvaj

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 је дизајниран да буде прилагођен вашем сајту.

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