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:

Редагувати код

Відкриється редактор коду з браузером файлів ліворуч і кодом праворуч.

Все, що нам потрібно зробити — скопіювати невелику частину коду, яка додає 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 спроєктовано так, щоб його можна було налаштувати під ваш сайт.

Якщо ви хочете додати власні стилі або змінити конфігурацію, Ознайомтеся з нашою документацією з налаштувань, щоб дізнатися як.