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 פתוח

Next we're going to scroll down to line 100:

גלול לשורה 100

Now copy the following code snippet, which is designed specifically for Shopify - do not use code snippets from other tutorials:

קטע FastComments ל-Shopify

Copy

1

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

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

4<script>

5 window.fcConfigs = [{

6 target: '#fastcomments-widget',

7 tenantId: "demo",

8 urlId: window.location.pathname

9 }];

10</script>

11

Now we want to put our cursor on line 101 - right after the </div> - and paste. You should have something like this:

הוסף את קוד FastComments

Now we can save:

שמור

כעת, אם נצפה בפוסט בבלוג, אמורים לראות את FastComments!

הצלחה!

כל הכבוד על התקנת FastComments ב-Shopify! אם נתקלת ב-Domain Error, או אם ברצונך ללמוד כיצד להתאים אישית את אזור התגובות, המשך לקרוא!

FastComments תוכנן להיות ניתן להתאמה כדי להתאים לאתר שלך.

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