כדי שבדף הבית יופיע ריבוע נפרד ל"נשים" וריבוע נפרד ל"גברים", יוצרים קטגוריה לכל אחד מהם עם תמונה, ואז מוסיפים לדף הראשי אזור תוכן מסוג רשימת קטגוריות שמציג רק את שתי הקטגוריות האלה. כל קטגוריה מוצגת כריבוע עם התמונה והשם שלה, ולחיצה עליו מובילה לעמוד הקטגוריה – גם במחשב וגם בנייד.
הנתיב בממשק הניהול: ניהול מוצרים ← קטגוריות (הכנת הקטגוריות), ואז עיצוב ← עיצוב דפי החנות ← דף ראשי (הצגת הריבועים).
שלב 1: מכינים קטגוריה עם תמונה לכל ריבוע
בממשק הניהול נכנסים לניהול מוצרים ← קטגוריות.
פותחים לעריכה את הקטגוריה "נשים" (או לוחצים הוספת קטגוריה אם היא עדיין לא קיימת).
בעמודה נתונים מעלים תמונה בשדה תמונה. זו התמונה שתופיע בריבוע בדף הבית (לפי הטולטיפ במסך, הגודל המומלץ הוא 300px*300px).
בשדה להציג באיזור התוכן "רשימת קטגוריות" בוחרים מופעל.
מוודאים שהשדה סטטוס מוגדר מופעל.
לוחצים שמירה.
חוזרים על אותם שלבים עבור הקטגוריה "גברים".
חשוב: קטגוריה בלי תמונה, או קטגוריה שבה להציג באיזור התוכן "רשימת קטגוריות" כבוי, לא תופיע בריבועים גם אם בחרתם אותה בשלב הבא.
שלב 2: פותחים את אזור רשימת הקטגוריות בדף הראשי
נכנסים לעיצוב ← עיצוב דפי החנות ובוחרים בתפריט הצד דף ראשי.
אם ברשימת איזור תוכן כבר מופיע רשימת קטגוריות, לוחצים על שלוש הנקודות (⋮) לידו ובוחרים עריכת איזור תוכן.
אם האזור לא קיים, לוחצים + הוספת איזור תוכן ובוחרים רשימת קטגוריות.
שלב 3: בוחרים להציג רק את "נשים" ו"גברים"
בשדה מקור הקטגוריות בוחרים בחירת קטגוריות, ומסמנים את שתי הקטגוריות "נשים" ו"גברים". (בברירת המחדל כל הקטגוריות יוצגו כל הקטגוריות שהוגדרו להופיע ברשימה.)
בשדה מספר הקטגוריות מזינים מספר שלא קטן ממספר הריבועים שרוצים להציג (לפחות 2).
בשדה כותרת אפשר לכתוב כותרת שתופיע מעל הריבועים, למשל "קנו לפי קטגוריה". השדה לא חובה.
מוודאים שסטטוס מוגדר מופעל.
לוחצים שמירה, ובודקים את דף הבית בחנות – גם מהמחשב וגם מהנייד.
איך קובעים איזה ריבוע יופיע ראשון
כשהשדה מיון הפריטים מוגדר לפי סדר תצוגה, הסדר נקבע לפי השדה סדר תצוגה בעריכת כל קטגוריה. לדוגמה, תנו ל"נשים" ערך 1 ול"גברים" ערך 2. כדי להזיז את כל האזור למעלה או למטה בדף הבית, גוררים אותו ברשימת איזור תוכן.
חשוב לדעת
צורת הריבועים וכמה ריבועים מופיעים בכל שורה בנייד נקבעות לפי תבנית העיצוב של החנות, ולכן הן יכולות להשתנות מתבנית לתבנית. אחרי השמירה כדאי לבדוק איך זה נראה בנייד.
אל תלחצו על אפסו דף נוכחי בראש המסך כדי לבטל שינוי: הכפתור מחזיר את כל אזורי התוכן של הדף לברירת המחדל.
אם רוצים באנר גדול לכל קהל (למשל תמונה רחבה של קולקציית נשים) ולא ריבועים, משתמשים באזור קרוסלת באנרים.