הגדרות של Shrinking Header ותפריט ימני בתבנית ריבר

שלום רב,

1. הכוונה לסטיקי הדר (הדר בעת הגלילה)? ניתן להגדיר לו לוגו אחר בהתאמה אישית > לוגו > סטיקי הדר / מובייל.

2. ואיך זה מוצג לך כרגע, אפשר קישור לעמוד? לא מתאפשרת לי כניסה לאתר.

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

להלן קישור לצילום מסך:

http://screencast.com/t/RmX6i0fLq

אכן אני רואה שככה זה מופיע בתבנית ריבר.

אתה יכול להכניס את הקוד הבא ל-Live CSS כדי להזיז קצת את התת קטגוריות:

#sidebar ul.children{margin-right:10px;}

לגבי ה CSS, איזה הגדרות את רוצה לתת?

אם מדובר בשורות קוד CSS קצרות יחסית, אז ניתן להכניס אותן ל > עיצוב > התאמה אישית > Live CSS.

אם מדובר בקוד CSS מאסיבי אז עדיף להכניס אותו לקובץ assets/css/style.css

עיצוב התפריט הצדדי שיראה כמו התפריט הראשי של האתר, מצריך ידע בקוד CSS.

אך אני יכולה לתת לך את הכיוון:

#sidebar ul li{
list-style-type: none;
line-height: 2em;}

#sidebar a:hover{
color: #FFFFFF;
background-color: #52BAC3;
border-radius: 5px;
padding: 5px;
}

1. אתה יכול להכניס את הקוד הבא:

#sidebar{border-left:solid 1px #52BAC3;}

2. האם מדובר בתוסף ל mega menu?

דבר ראשון כדי להציג את הילדים של הקטגוריה, תגדיר בוידג'ט קטגוריות מוצרים ככה (הצג ילדים של קטגוריה נוכחית בלבד):

לאחר מכן תשתמש בקוד CSS הבא, זה יתן את ההגדרות נראות של התפריט בסיידבר גם לתפריט של הקטגוריות:

#sidebar .product-categories {
	margin: 0;
	padding: 0;
	border-style: dotted;
	border-width: 0 0 1px;
	border-color: #AAAAAA;
}
#sidebar .product-categories li {
	list-style: none;
}
#sidebar .product-categories li a {
	display: block;
	line-height: 3em;
	border-style: dotted;
	border-width: 1px 0 0;
	border-color: #AAAAAA;
	padding: 0 10px;
}
#sidebar .product-categories li a:after {
	content: '\f0a8';
	font-family: fontawesome;
	font-weight: normal;
	float: left;
}