Add Comments to Shopify Sites

הצעד הראשון בשימוש ב-FastComments עם Shopify הוא להשבית את מערכת ההערות של Shopify.

הערה FastComments Support יכולים לסייע לך במעבר של שרשורי ההערות הקיימים.

כדי להחליף את מערכת ההערות של 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 תוכנן להיות ניתן להתאמה כדי להתאים לאתר שלך.

אם ברצונך להוסיף סגנון מותאם אישית, או לכוונן את ההגדרות, עיין בתיעוד ההתאמות שלנו כדי ללמוד כיצד.