FastComments.com

Add Comments to Shopify Sites

Са FastComments-ом можемо лако додати коментарисање уживо на било који Shopify сајт.

Упутства испод су за блог направљен на Shopify-у, али уграђени код се такође може ручно додати на било коју страницу уређивањем других фајлова теме. FastComments подршка вам такође може помоћи око тога.

Имајте на уму да овај водич захтијева FastComments налог. Препоручује се да се прво региструјете, па се онда вратите овде. Можете креирати налог овдје.

Корак 2: Онемогућите подразумевани систем за коментаре Internal Link

Prvi korak za korištenje FastComments-a sa Shopifyjem je onemogućavanje Shopify sistema.

Napomena FastComments podrška vam može pomoći pri migraciji postojećih niti komentara.

Da bismo zamijenili Shopify sistem komentara, idemo na kontrolnu ploču naše prodavnice i kliknemo Blog posts u donjem lijevom uglu:

Otvorite upravljanje blog objavama
Otvorite upravljanje blog objavama

Zatim ćemo kliknuti Manage blogs u gornjem desnom uglu:

Upravljanje blogovima
Upravljanje blogovima

Kliknite na blog kojim želimo upravljati. Ako piše Comments are disabled možete preskočiti ovaj korak i prijeći na Step Two.

Upravljanje blogom
Upravljanje blogom

Ako nije, odaberite blog i osigurajte da je u desnom panelu označeno Comments are disabled:

Onemogućite komentare
Onemogućite komentare

Sada kliknite Sačuvaj.

Корак 3: Отворите шаблон теме блога Internal Link

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

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

Отворите Themes
Open Themes

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

Уреди код
Edit Code

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

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

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

Изаберите Sections
Select Sections

Сада ћемо скроловати доле и одабрати main-article.liquid:

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

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

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

main-article отворено
main-article Open

Корак 4: Додајте FastComments.com код Internal Link

Следеће ћемо се спустити до линије 100:

Спустите се до линије 100
Спустите се до линије 100

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

Shopify FastComments исјечак
Copy 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 код

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

Сачувајте
Сачувајте

Успјех Internal Link

Sada ako pogledamo objavu na blogu, trebali bismo vidjeti FastComments!

Uspješno!
Uspješno!

Čestitamo na postavljanju FastComments uz Shopify! Ako ste naišli na Domain Error, ili želite naučiti kako prilagoditi područje za komentare, nastavite čitati!

Прилагођавање Internal Link


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

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