עיצוב למתקדמים

בעלי חנויות המעוניינים להציג את מוצריהם בצורה ייחודית ומעוצבת, יכולים לעצב תבנית עבור תיבת מוצר תוך שימוש בקודים (ממלאי מקום) קבועים מראש - אותם המערכת תדע להחליף בנתונים הממשיים עבור כל מוצר ומוצר.
על מנת להגיע לעיצוב למתקדמים יש ללחוץ על חנות >> ניהול חנות >> הגדרות החנות >> עיצוב למתקדמים.

כללי
בסעיף זה ניתן לבחור שתי הגדרות הרלוונטיות לדף המוצר:

עיצוב מתקדם של תצוגת המוצרים בחנות
במיקום זה ניתן למצוא את חלון העריכה הרגיל של המערכת, רשימת תבניות עיצוב מוכנות שניתן לשנות ורשימת קודים לשימוש.
הרעיון המרכזי הוא שניתן לעצב תבנית יחידה עבור תיבת מוצר, תוך שימוש בממלאי מקום קבועים - ועבור הגולש המערכת תדע להחליף את ממלאי המקום בנתונים הממשיים. בנוסף, כל תוכן קבוע (שאינו קוד) יישאר קבוע גם בתיבת המוצר.
לדוגמא, עבור תצוגת מחיר, נוכל לרשום "מחיר: #-SiPr-#" ולעצב את הכיתוב כרצוננו, ובפועל המערכת תציג את הטקסט הקבוע "מחיר:" בכלל תיבות המוצר, בעוד שהקוד "#-SiPr-#" יוחלף במחיר הממשי של המוצר.
יש לציין שניתן להשתמש בתמונות עבור הקודים שמייצגים קישור, ובאופן זה לעצב כפתורי "הוספה לסל" ו"מידע נוסף" מותאמים אישית.
אנו ממליצים לבחור באחת התבניות המוכנות ולבחון אותן ואת אופן פעולתן, על מנת להבין את עקרונות פעולת הכלי.
חשוב לזכור: שני הקודים שמייצגים קישורים (קישור למוצר וקישור להוספה לסל קניות) יש למקם כיעד לקישור, אחרת הקישורים יוצגו כפי שהם בתיבת המוצר.
על מנת להשתמש בתבנית העיצוב שנבנתה, יש לסמן את התיבה האם להציג את העיצוב באתר? וללחוץ על עדכן נתונים. יש לציין כי ביטול הסימון לא ימחק את התבנית שעוצבה - אפשרות יעילה לבחון, לתקן ולהשוות תבנית עיצוב מבלי להשפיע על כלל המוצרים באתר.
כאשר משתמשים בקוד של תמונת המוצר, יש לזכור כי המערכת מציגה את תמונות המוצר בגודל מירבי של 133 על 133 פיקסלים, לכן רצוי לבנות את התבנית כך שקוד זה מוצב במיקום בו יש 133 פיקסלים (גם לרוחב וגם לגובה) - על מנת למנוע אפשרות של הרחבת התצוגה.

לצורך ההמחשה, כך תיראה תבנית תיבת מוצר לדוגמא:



וכך ייראה באתר מוצר המשתמש בתבנית זו: