התאמות אישיות מתקדמות של תצוגת מוצרים ואוספים עבור התוסף של Shopify

הגדרות מתקדמות אלו עוזרות לך להתאים אישית את חזית החנות שלך ב-WordPress, להתאים את המותג העסקי שלך באופן אישי ולשפר את חוויית הקנייה של הלקוחות שלך.

התוסף של Shopify ורכיבי חזית החנות של Shopify

התוסף של Shopify נבנה באמצעות Shopify Storefront Web Components. הרכיבים הבאים משמשים כאבני הבניין של חזית החנות של Shopify שלך:

• רכיב כרטיס מוצר: רכיב זה מציג מידע על מוצר בודד, ומוצג לרוב ברישומי מוצרים או בדפי קולקציה. הוא כולל לרוב אלמנטים כגון תמונת מוצר, כותרת, מחיר ולחצן 'הוספה לסל'.
• רכיב חלון מודאלי של תצוגה מהירה של מוצר: רכיב זה מציג חלון מודאלי מעל לתוכן הקיים עם פרטי מוצר, לחצן 'הוספה לסל' וקישור לצפייה בפרטי המוצר המלאים.
• רכיב דף פרטי מוצר: רכיב זה מציג מוצר בודד, עם פרטי מוצר מלאים. לכל רכיב של דף פרטי מוצר יש כתובת URL ייחודית.
• רכיב אוסף: רכיב זה מציג אוספי מוצרים שיצרת.

התאמה אישית של תצוגת מוצרים ואוספים מ-Shopify

רכיבי ברירת המחדל של חזית החנות של Shopify בתוסף שלך כוללים כלים שעוזרים ליצור חוויית קנייה חלקה. בנוסף, יש לך את הגמישות להתאים אישית את התצוגה של רכיבים אלה כדי ליישר קו עם זהות המותג ודרישות העיצוב הספציפיות שלך.

כדי לבצע התאמות אישיות כאלה, חייבת להיות לך גישה לערוך את הקבצים והספריות של ערכת הנושא של WordPress שלך. התהליך כרוך ביצירת תיקייה ייעודית בתוך הספרייה של ערכת הנושא הפעילה של WordPress שלך.

שלבים:

1. יצירת התיקייה Shopify: התחל על ידי יצירת תיקייה חדשה בשם Shopify ישירות בתוך הספרייה של ערכת הנושא הפעילה שלך. תיקייה זו תשמש כמיקום המרכזי עבור דריסות הרכיבים המותאמים אישית שלך.
2. דריסת רכיבים בודדים: כדי לשנות רכיב מסוים, הוסף קובץ PHP עם שם ייעודי בתוך התיקייה החדשה Shopify שנוצרה. מוסכמת השמות של קובצי דריסה אלה היא קריטית על מנת שהתוסף יזהה ויחיל את הגרסאות המותאמות אישית שלך:
   • כדי לדרוס את הרכיב של כרטיס המוצר, צור קובץ PHP בשם product-card.php בתוך התיקייה Shopify.
   • כדי לדרוס את הרכיב של חלון מודאלי לתצוגה מהירה של מוצר, צור קובץ PHP בשם modal.php בתוך התיקייה Shopify.
   • כדי לדרוס את רכיב דף פרטי המוצר, צור קובץ PHP בשם pdp.php בתוך התיקייה Shopify.
   • כדי לדרוס את הרכיב של אוסף, צור קובץ PHP בשם component.php בתוך התיקייה Shopify.

לאחר יצירת קובץ ה-PHP המותאם אישית שלך, התוסף מתעלם מקובץ הרכיב של ברירת המחדל שלו עבור אותו אלמנט ספציפי. באפשרותך ליישם כל קוד בתוך קובצי הדריסה האלה, מבלוקים סטטיים של HTML ועד ללוגיקת PHP מורכבת.

למרות שמומלץ מאוד למנף את ה-Shopify Storefront Web Components (כפי שנעשה בהם שימוש במבנה ברירת המחדל של התוסף) למען עקביות וגישה לפונקציות המובנות של Shopify, אינך מוגבל אליהם. באפשרותך לשלב שיטות אחרות לשליפה והצגה של נתוני מוצרים ואוספים, וכך לאפשר התאמות אישיות מתקדמות.

למידע נוסף ושיטות עבודה מומלצות, עיין בתיעוד למפתחי תוספים של WordPress.

שכתובים של מוצרים ואוספים מ-Shopify

כאשר אתה מפרסם מוצר או אוסף ב-Shopify, לכל מוצר ואוסף יש כתובת URL ייחודית. כברירת מחדל, כתובות URL אלה נוצרות עם הדומיין שלך ב-Shopify. בעזרת פונקציית השכתובים, תוכל לגשת לכתובות URL ייחודיות אלה באמצעות הדומיין הציבורי שלך ב-WordPress.

שלבים:

1. מהתוסף של Shopify, עבור אל הגדרות.
2. בכרטיסייה מתקדם, ודא ששתי תיבות הסימון במקטע שכתוב קישורים של Shopify מופעלות.
3. עבור אל מבנה קישורים.
4. לחץ על שמירה כדי להחיל כלל חדש זה.
5. עבור אל מנהל ה-Shopify שלך, ולאחר מכן נווט אל דף פרטי המוצר או האוסף שברצונך ליצור עבורו קישור ב-WordPress.
6. בכרטיס הרישום למנועי חיפוש, מוצגת כתובת URL המקשרת את הלקוחות ישירות למוצר או לאוסף שלך. לדוגמה: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
7. הוסף את products/huskee-reusable-cup בסוף כתובת ה-URL של אתר ה-WordPress שלך. לדוגמה: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

התאם אישית את התנהגות כרטיס המוצר שלך

עם רכיבי חזית החנות של Shopify, ישנם שני סוגים של כרטיסי פרטי מוצר:

1. תצוגה מהירה: בעת ריחוף על כרטיס המוצר, ללקוח תהיה אפשרות לבחור ב-Quick Shop (קנייה מהירה). בלחיצה עליו, פרטי המוצר יוצגו בסגנון של חלון קופץ או מודאלי מעל לתוכן הקיים ברקע.
2. דף מוצר מפורט: כאשר לקוח לוחץ על כרטיס המוצר, למשל על התמונה או על שם המוצר, פרטי המוצר מוצגים בתצוגת דף שלם עם כתובת URL ייחודית.

אפשר לשנות הגדרה זו כדי להציג רק תצוגה מהירה, רק דף מוצר מפורט, או את שניהם.

שלבים:

1. מהתוסף של Shopify ב-WordPress, יש לעבור אל הגדרות.
2. מהכרטיסייה מתקדם, יש לעבור אל המקטע תצוגת מוצר.
3. יש לבחור את האפשרות המתאימה ביותר לחנות שלך.
4. יש ללחוץ על שמירה.