Add Comments to Shopify Sites

Първата стъпка за използване на FastComments с Shopify е деактивирането на системата на Shopify.

Забележка Екипът за поддръжка на FastComments може да ви помогне да мигрирате съществуващите нишки с коментари.

За да заменим системата за коментари на Shopify, ще отидем в таблото за управление на магазина и ще кликнем върху Blog posts в долния ляв ъгъл:

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

След това ще кликнем върху Manage blogs в горния десен ъгъл:

Управление на блогове

Кликнете върху блога, който искате да управлявате. Ако там пише Comments are disabled можете да прескочите тази стъпка и да преминете към Step Two.

Управление на блога

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

Деактивиране на коментари

Сега натиснете Запази.

Сега ще редактираме темата на магазина, за да добавим FastComments.

В левия панел отворете Themes:

Отворете Themes

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

Edit Code

Това ще отвори редактор на код, с браузър на файлове вляво и кода вдясно.

Всичко, което трябва да направим, е да копираме малък фрагмент от код, който добавя FastComments, и да го поставим на правилния ред в правилния файл.

В браузъра на файлове вляво, превъртете надолу и кликнете Sections:

Изберете Sections

Сега ще превъртим надолу и ще изберем main-article.liquid:

Изберете main-article

Това ще отвори шаблон на темата, използван за рендиране на една публикация в блога.

Сега би трябвало да видите нещо подобно на следното, с main-article.liquid избран в горната част:

main-article Отворен

След това ще превъртим надолу до ред 100:

Превъртете до ред 100

Сега копирайте следния фрагмент от код, който е предназначен специално за Shopify - не използвайте фрагменти от други уроци:

FastComments фрагмент за 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

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

Добавете кода на FastComments

Сега можем да запазим:

Запазване

Сега, ако разгледаме публикация в блога, трябва да видим FastComments!

Успех!

Поздравления за настройването на FastComments с Shopify! Ако сте срещнали Domain Error, или искате да научите как да персонализирате областта за коментари, продължете да четете!

FastComments е проектиран да бъде персонализиран, за да съвпада с вашия сайт.

Ако желаете да добавите персонализирани стилове или да настроите конфигурацията, Разгледайте документацията ни за персонализиране, за да научите как.