דף זה מציג קבוצה של מוצרים או תוכן קשורים.
עם Concept , ערכת נושא של Shopify של OS 2.0 , יש לך את היכולת להוסיףחלקים שונים בכל עמוד. זה אומר שאתה יכול להתאים אישית את המראה והתחושה של דף האוסף שלך על ידי הוספת כל החלקים שאתה רוצה. פשוט לחץ על כפתור הוסף קטע ובחר את הקטעים שברצונך שיופיעו בדף שלך. בעזרת זה, אתה יכול ליצור דף אוסף מושך מבחינה ויזואלית שישמור על המבקרים שלך מעורבים ומעודכנים.
כברירת מחדל, דפי אוסף כוללים את הסעיפים הבאים:
1. באנר אוסף
תיאור | ||
---|---|---|
באנר אוסף הוסף תיאור או תמונה על ידי עריכת האוסף שלך. למד עוד . | ||
אפשר כותרת שקופה | מאפשר להציג כותרת שקופה. הגדרה זו חלה רק כאשר החלק הזה הוא הראשון. | |
הצג תמונת אוסף | מאפשר להציג תמונות אוסף. לקבלת התוצאות הטובות ביותר, השתמש בתמונה עם יחס רוחב-גובה של 16:9. למד עוד . | |
תמונה | בוחר/מעלה את תמונת המדור. ברירת מחדל לתמונת אוסף. | |
גובה שולחן העבודה | קובע את גובה התמונה בעת צפייה בשולחן העבודה:
| |
מיקום תוכן שולחן העבודה | מגדיר את מיקום התוכן על שולחן העבודה: | |
יישור תוכן בשולחן העבודה | מגדיר את יישור התוכן בשולחן העבודה: | |
פריסה ניידת | ||
גובה נייד | קובע את גובה התמונה בעת צפייה בנייד:
| |
עמדת תוכן נייד | מגדיר את מיקום התוכן בדפדפן הנייד: | |
יישור תוכן לנייד | מגדיר את יישור התוכן בדפדפן הנייד: | |
צֶבַע | באפשרותך להתאים אישית את הצבעים של המדור, כולל את הדברים הבאים:
| |
סָעִיף | ||
אתה יכול לכוונן את הריפוד העליון והריפוד התחתון מ-0px ל-120px במרווחים של 4px. | ||
הצג מחלק מקטעים | מציג מחלק קו מעל קטע זה.. | |
הפוך את הקטע ברוחב מלא | הופך את המיכל ברוחב מלא. | |
הפוך את הקטע מעוגל | מחיל קצה מעוגל על שתי הפינות העליונות. | |
אפשר אפקט פרלקסה | אפשר את אפקט הפרלקס, שיוצר אשליה של עומק בתמונה או סצנה דו מימדית. ניתן לבחור כיוון פרלקסה באחת מ-3 האפשרויות הבאות: | |
CSS מותאם אישית | מוסיף CSS מותאם אישית לקטע זה. |
בלוקים זמינים:
- 1.1 כותרת האוסף
- 1.2 תיאור האוסף
- 1.3 פירורי לחם
- 1.4 חלל ריק
1.1 ההגדרות של בלוק הכותרת של האוסף.
ניתן להגדיר את גודל הטקסט לאחת מהאפשרויות הבאות:
1.2 ההגדרות של בלוק תיאור האוסף.
תיאור | ||
---|---|---|
תיאור האוסף | ||
גודל טקסט | ניתן להגדיר את גודל הטקסט לאחת מהאפשרויות הבאות: אפשרות מותאמת אישית מאפשרת לך להגדיר את גודל הטקסט לכל ערך שתרצה, מ-12 פיקסלים עד 128 פיקסלים, עלייה אריתמטית של 2 פיקסלים. | |
גופן טקסט | בחר בין 2 אפשרויות לעיצוב הטקסט: גוף או כותרת . | |
השתמש בצבע משני | מאפשר להציג צבע משני. |
1.3 ההגדרות של בלוק פירורי הלחם.
מאפשר להציג את דף האוספים ברשימת פירורי הלחם.
1.4 ההגדרות של בלוק החלל הריק.
תיאור | ||
---|---|---|
חלל ריק | ||
גובה שולחן העבודה | קובע את גובה החלל הריק בעת צפייה בשולחן העבודה. יכול להיות מ-0 פיקסלים עד 120 פיקסלים, עלייה אריתמטית של 4 פיקסלים. ברירת המחדל היא 40 פיקסלים. | |
גובה נייד | קובע את גובה החלל הריק בעת צפייה בנייד. יכול להיות מ-0 פיקסלים עד 120 פיקסלים, עלייה אריתמטית של 4 פיקסלים. ברירת המחדל היא 28 פיקסלים. |
2. רשת מוצר
הגדרות מדור | הגדרות | תיאור |
---|---|---|
רשת מוצר | ||
מוצרים לכל עמוד | מספר המוצרים המוצגים בעמוד, מותאם מ-6 ל-50. | |
מספר העמודות בשולחן העבודה | מספר העמודות המוצגות בעמוד, מותאם מ-1 ל-5. | |
מספר העמודות בנייד | התאמה אישית של מספר העמודות המוצגות בדפדפן לנייד: עמודה אחת או 2 עמודות . | |
סינון ומיון | ||
אפשר סינון | מאפשר ללקוחות לסנן את המוצרים בקולקציה על סמך המסננים בהגדרות הניווט שלך. התאם אישית מסננים עם אפליקציית החיפוש והגילוי. למד עוד . | |
כווץ מסננים | מאפשר כיווץ מסננים. | |
פריסת מסנן שולחן העבודה | בוחר את פריסת המסנן של שולחן העבודה שאתה הכי אוהב: סרגל צד או מגירה . | |
אפשר דוגמיות צבע | מאפשר דוגמיות צבע. הצג הוראות התקנה . | |
אפשר מיון | מאפשר ללקוחות למיין את המוצרים בקולקציה על סמך הדברים הבאים:
| |
סָעִיף | ||
יכול להתאים את הריפוד בריפוד העליון ובריפוד התחתון מ-0px ל-120px, עלייה אריתמטית של 4px. | ||
הצג מחלק מקטעים | מציג מחלק קו מעל קטע זה.. | |
הפוך את הקטע ברוחב מלא | הופך את המיכל ברוחב מלא. | |
הפוך את הקטע מעוגל | מחיל קצה מעוגל על שתי הפינות העליונות. | |
CSS מותאם אישית | מוסיף CSS מותאם אישית לקטע זה. |
בלוקים זמינים:
- 2.1 תיאור האוסף
- 2.2 אוספי משנה
- 2.3 קידום
2.1 ההגדרות של בלוק תיאור האוסף.
אין הגדרות הניתנות להתאמה אישית זמינות.
2.2 ההגדרות של בלוק Subcollection.
הגדרות חסימה | תיאור | |
---|---|---|
אוספי משנה קישורים לאוספים מהתפריט שלך יופיעו כאן. למד עוד . | ||
תַפרִיט | בוחר/בוחר את התפריט שברצונך להציג. | |
אוספי משנה בכל שורה | בוחר את מספר אוספי המשנה להצגה בכל שורה, מ-2 עד 5. | |
הצג את ספירת האוסף | מציג את מספר המוצרים בכל קולקציה. |
2.3 ההגדרות של בלוק הקידום.
הגדרות חסימה | תיאור | |
---|---|---|
קידום בלוקים עשויים להיות מוסתרים אם לא מספיק מוצרים גלויים. | ||
מיקום ברשת | הקואורדינטות של הבלוק ברשת, משמאל לימין ומלמעלה למטה. | |
תמונה | בוחר/מעלה את תמונת הבלוק. | |
סמל | בוחר/מעלה את תמונת הסמל. | |
כּוֹתֶרֶת | כותרת הבלוק. | |
תיאור | טקסט התיאור של הכותרת ממוקם מתחת לכותרת. | |
תווית לחצן | הטקסט שמוצג על הכפתור. | |
קישור לחצן | כתובת האתר של הכפתור. | |
מיקום תוכן שולחן העבודה | מגדיר את מיקום התוכן על שולחן העבודה: | |
יישור תוכן בשולחן העבודה | מגדיר את יישור התוכן בשולחן העבודה: | |
פריסה ניידת | ||
תמונה לנייד | תמונה של הקטע בדפדפן לנייד. | |
עמדת תוכן נייד | מגדיר את מיקום התוכן בדפדפן הנייד: | |
יישור תוכן לנייד | מגדיר את יישור התוכן בדפדפן הנייד: | |
צֶבַע | באפשרותך להתאים אישית את הצבעים של המדור, כולל את הדברים הבאים:
|
3. תמונות עם טקסט
חלק זה מאפשר לך להציג עד 5 תמונות בו-זמנית ומספק גמישות עיצובית רבה יותר עבור הדף שלך.
הגדרות מדור | תיאור | |
---|---|---|
תמונות עם שכבת טקסט | ||
אפשר כותרת שקופה | הגדרה זו חלה רק כאשר החלק הזה הוא הראשון | |
גובה שולחן העבודה | קובע את גובה התמונה בעת צפייה בשולחן העבודה:
| |
רוחב תוכן שולחן העבודה | קובע את רוחב התמונה בעת צפייה בשולחן העבודה: | |
מיקום תוכן שולחן העבודה | מגדיר את מיקום התוכן על שולחן העבודה: | |
יישור תוכן בשולחן העבודה | מגדיר את יישור התוכן בשולחן העבודה: | |
תמונה #1 #2 #3 #4 #5 | התמונות עבור הקטע בדפדפן שולחן העבודה. | |
פריסה ניידת | ||
גובה נייד | קובע את גובה התמונה בעת צפייה בנייד:
| |
עמדת תוכן נייד | מגדיר את מיקום התוכן בדפדפן הנייד: | |
יישור תוכן לנייד | מגדיר את יישור התוכן בדפדפן הנייד: | |
צֶבַע | באפשרותך להתאים אישית את הצבעים של המדור, כולל את הדברים הבאים:
| |
סָעִיף | ||
יכול להתאים את הריפוד בריפוד העליון ובריפוד התחתון מ-0px ל-120px, עלייה אריתמטית של 4px. | ||
הצג מחלק מקטעים | מציג מחלק קו מעל קטע זה.. | |
הפוך את הקטע ברוחב מלא | הופך את המיכל ברוחב מלא. | |
הפוך את הקטע מעוגל | מחיל קצה מעוגל על שתי הפינות העליונות. | |
אפשר אפקט פרלקסה | אפשר להציג את אפקט הפרלקס, היוצר אשליה של עומק בתמונה או בסצנה דו מימדית. | |
CSS מותאם אישית | מוסיף CSS מותאם אישית לקטע זה. |
בלוקים זמינים:
- 3.1 כותרת
- 3.2 כותרת משנה
- 3.3 טקסט
- 3.4 כפתור
- 3.5 קישור
- 3.6 תמונה
- 3.7 נוזל בהתאמה אישית
- 3.8 חלל ריק
3.1 ההגדרות של בלוק הכותרת.
תיאור | ||
---|---|---|
כּוֹתֶרֶת | ||
כּוֹתֶרֶת | כותרת הבלוק. | |
גודל הכותרת | ניתן להגדיר את גודל הכותרת לאחת מהאפשרויות הבאות: קטן , בינוני , גדול או גדול במיוחד . | |
תג כותרת | בוחר את תג הכותרת כדי לבנות ולארגן את התוכן שלך לקידום אתרים. | |
טקסט מודגש | ||
טקסט מודגש | בוחר מתוך אחת מ-6 האפשרויות הבאות לעיצוב הטקסט שלך:
| |
שרבוט מודגש דרוש שסגנון טקסט מודגש יוגדר לשרבוט מצויר ביד. | הגדרה זו מציעה 5 דרכים להדגשת טקסט:
|
3.2 ההגדרות של בלוק Subheading.
תיאור | ||
---|---|---|
כּוֹתֶרֶת מִשְׁנֶה | ||
כּוֹתֶרֶת מִשְׁנֶה | כותרת המשנה לכותרת. | |
גודל כותרות משנה | גודל כותרת המשנה: | |
השתמש בצבע משני | מחיל צבע מעט בהיר יותר על סמך צבע הטקסט. |
3.3 ההגדרות של בלוק הטקסט.
תיאור | ||
---|---|---|
טֶקסט | ||
טֶקסט | הוספת הטקסט שלך. | |
גודל טקסט | ניתן להגדיר את גודל הטקסט לאחת מהאפשרויות הבאות: אפשרות מותאמת אישית מאפשרת לך להגדיר את גודל הטקסט לכל ערך שתרצה, מ-12px עד 128px, עלייה אריתמטית של 2px. | |
גופן טקסט | בחר בין 2 אפשרויות לעיצוב הטקסט: גוף או כותרת . | |
השתמש בצבע משני | אפשר צבע שני. | |
טקסט מודגש | ||
טקסט מודגש | בוחר מתוך אחת מ-6 האפשרויות הבאות לעיצוב הטקסט שלך:
| |
שרבוט מודגש דרוש שסגנון טקסט מודגש יוגדר לשרבוט מצויר ביד. | הגדרה זו מציעה 5 דרכים להדגשת טקסט:
|
3.4 ההגדרות של בלוק הכפתורים.
תיאור | ||
---|---|---|
לַחְצָן | ||
תווית לחצן | הטקסט שמוצג על הכפתור. | |
קישור לחצן | כתובת האתר של הכפתור. | |
גודל כפתור | מתאים את גודל הכפתור ב-3 אפשרויות: קטן, בינוני או גדול | |
השתמש בסגנון כפתור מתאר | משתמש בסגנון המתאר עבור הכפתור. |
3.5 ההגדרות של בלוק הקישור.
תיאור | ||
---|---|---|
קישור | ||
טֶקסט | הטקסט של הקישור, אשר ממוקם ממש ליד הכפתור. | |
קישור | מוסיף את כתובת האתר שברצונך לקשר. |
3.6 ההגדרות של בלוק Image.
תיאור | ||
---|---|---|
תמונה | ||
תמונה | בוחר תמונה לבלוק. | |
רוחב תמונה | בוחר אחת משתי אפשרויות רוחב תמונה:
|
3.7 ההגדרות של בלוק הנוזל המותאם אישית.
אתה יכול להוסיף קוד נוזלי משלך כדי ליצור בלוק מותאם אישית.
3.8 ההגדרות של בלוק החלל הריק.
תיאור | ||
---|---|---|
חלל ריק | ||
גובה שולחן העבודה | קובע את גובה החלל הריק בעת צפייה בשולחן העבודה. יכול להיות מ-0 פיקסלים עד 120 פיקסלים, עלייה אריתמטית של 4 פיקסלים. ברירת המחדל היא 40 פיקסלים. | |
גובה נייד | קובע את גובה החלל הריק בעת צפייה בנייד. יכול להיות מ-0 פיקסלים עד 120 פיקסלים, עלייה אריתמטית של 4 פיקסלים. ברירת המחדל היא 28 פיקסלים. |
4. נצפה לאחרונה
עוזר ללקוחות שלך למצוא את המוצרים שהם ביקרו בעבר ולבקש מהם לרכוש. זה קל יותר ללקוחות שלך למצוא אותם שוב במקום למצוא את דרכם דרך תפריט הניווט.
תיאור | ||
---|---|---|
נראה לאחרונה | ||
מספר המוצרים האחרונים | מספר המוצרים המשלימים יכול לנוע בין 2 ל-12. | |
מספר העמודות בשולחן העבודה | התאמה אישית של מספר העמודות המוצגות בדפדפן שולחני מעמודה אחת ל-5 עמודות | |
אפשר קרוסלה בשולחן העבודה | מציג קרוסלה של מוצרים מהאוסף בדפדפן שולחני. | |
פריסה ניידת | ||
מספר עמודות בנייד | התאמה אישית של מספר העמודות המוצגות בדפדפן לנייד: עמודה אחת או 2 עמודות . | |
אפשר החלקה בנייד | מגדיר את התצוגה הניידת לשורה אחת עם החלקה אופקית. | |
כּוֹתֶרֶת | ||
כּוֹתֶרֶת | כותרת המדור. | |
גודל הכותרת | ניתן להגדיר את גודל הכותרת לאחת מהאפשרויות הבאות: קטן , בינוני , גדול או גדול במיוחד . | |
יישור כותרת | ניתן ליישר את הכותרת לשמאל , למרכז או לימין . | |
תג כותרת | בוחר את תג הכותרת כדי לבנות ולארגן את התוכן שלך לקידום אתרים. | |
כּוֹתֶרֶת מִשְׁנֶה | כותרת המשנה של הכותרת ממוקמת מעל הכותרת. | |
תיאור | טקסט התיאור של הכותרת ממוקם מתחת לכותרת. | |
טקסט מודגש | ||
טקסט מודגש | בוחר מתוך אחת מ-6 האפשרויות הבאות לעיצוב הטקסט שלך:
| |
שרבוט מודגש דרוש שסגנון טקסט מודגש יוגדר לשרבוט מצויר ביד. | הגדרה זו מציעה 5 דרכים להדגשת טקסט:
| |
צֶבַע | באפשרותך להתאים אישית את הצבעים של המדור, כולל את הדברים הבאים:
| |
סָעִיף | ||
יכול להתאים את הריפוד בריפוד העליון ובריפוד התחתון מ-0px ל-120px, עלייה אריתמטית של 4px. | ||
הצג מחלק מקטעים | מציג מחלק קו מעל קטע זה.. | |
הפוך את הקטע ברוחב מלא | הופך את המיכל ברוחב מלא. | |
הפוך את הקטע מעוגל | מחיל קצה מעוגל על שתי הפינות העליונות. | |
CSS מותאם אישית | מוסיף CSS מותאם אישית לקטע זה. |
סעיף זה אינו תומך בהוספת בלוקים.
אנו מקווים שמאמר זה היה מועיל. אם יש לך שאלות או חששות לגבי תכונה זו, אנא אל תהסס לפנות לצוות שלנו לקבלת תמיכה.