איך מוסיפים css יחודים לכל קטגורית מוצרים

  • פותח הנושא macro
  • פורסם בתאריך

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
אני מעונינת שלכל המוצרים בכל קטגוריה יהיה עיצוב יחודי (למשל שם המוצר והוסף לסל בצבע שונה מקטגוריה לקטגוריה)
יש מצב לעשות את זה ? ואם כן איך?

שאלה נוספת אם אני רוצה לתת לכמה עמודים עיצוב יחודי שווה איך אני כותבת את זה בקוד css לדוג הקוד הבא:

.page-id-3854 .page-title::before
{
margin-left: 10px;
content:url(http://www.aristocrat4u.com/wp-content/uploads/pointer-saffron-F2C142.png);}

איך אני מוסיפה לו עמודים נוספים
 

prince

משתמש צעיר
עיצוב גרפי
הדמיות בתלת מימד
D I G I T A L
לגבי הקטגוריות:
מה שעושים זה להוסיף קלאס לבודי של הקטגוריה ואז לסגנן אותו דרך CSS.
הדרך להוסיף זה ע"י קוד PHP בקובץ functions.php של התבנית.

לדוגמה הקוד הזה יוסיף לך קלאס לפי קטגוריה לדף המוצר:

add_filter('body_class','add_category_to_single');
function add_category_to_single($classes, $class) {
if (is_single() ) {
global $post;
foreach((get_the_category($post->ID)) as $category) {
// add category slug to the $classes array
$classes[] = $category->category_nicename;
}
}
// return the $classes array
return $classes;
}


לגבי עיצוב העמודים, את יכולה לסגנן כמה ביחד ע"י הוספת פסיק והוספת עמוד נוסף לדוגמה:

.page-id-3854 .page-title::before, .page-id-3855 .page-title::before

בהצלחה!
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
תודה רבה

לגבי התשובה ראשונה- אני לא מבינה ב php
ולכן אני לא יודעת איפה צריך לשנות את השמות שיתאים למה שאני רוצה.
לדו' הקטגוריה היא "מוצרי תינוקות" והקלאס שאני רוצה לתת לכל המוצרים שתחת קטגוריה זו היא למשל baby
בקוד שכתבת, איפה אני משנה/מוסיפה את שם הקטגוריה ואיפה את שם הקלאס.
ובכלל אני מבינה שאם אפשר להוסיף את שם הקטגוריה בעברית- איפה אני מזהה את id של הקטגוריה להוספה בקוד.

לגבי התשובה השניה - תודה עובד מצוין.
 

prince

משתמש צעיר
עיצוב גרפי
הדמיות בתלת מימד
D I G I T A L
את לא צריכה לכתוב, הוא מוסיף באופן אוטומטי את שם הקטגוריה כקלאס לבודי של העמוד,
ואת את מטווחת אותו בCSS כך:

לדוגמה אם שם הקטגוריה הוא Shoes ואת רוצה לשנות בו את ה-H1 את רושמת כך

shoes H1.
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
הוספתי את הקוד ואני לא מוצאת את הקלאס בבודי
להלן קישור לעמוד קטגוריה:
http://www.aristocrat4u.com/חנות/הגיינה-וטיפוח/

שם מופעים קטגריות משניות
אני מעונינת שכל המוצרים שתחת הקטגורית הראשית הגיינה וטיפוח
תחת הכותרת שלהם בעמוד מוצר יופיע פס בצבע שונה ממה שמופיע עכשיו
על איזה קלאס אני מכילה את העיצוב הזה?
 

prince

משתמש צעיר
עיצוב גרפי
הדמיות בתלת מימד
D I G I T A L
מה ששלחתי לך זה לדף מוצר יחיד.

הקוד הזה אמור לעבוד לדפי קטגוריה

// add product category name to post class
function category_id_class( $classes ) {
global $post;
$product_cats = get_the_terms( $post->ID, 'product_cat' );
if( $product_cats ) foreach ( $product_cats as $category ) {
$classes[] = $category->name;
}
return $classes;
}
add_filter( 'post_class', 'category_id_class' );

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

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
שינתי את הלינק- היתה לי טעות
אני מתכונת למוצר יחיד (כמו הלינק ששמת)

בכל מקרה סליחה על הבלבול
אם תוכל/י לעזור לי לזהות את הקלאס זה יעזור לי מאוד

ובענין השמות באנגלית- הכונה לשמות בקישורים- כן?
 

prince

משתמש צעיר
עיצוב גרפי
הדמיות בתלת מימד
D I G I T A L
מה שם הקטגוריה? היא באנגלית או עברית?
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
שם הקטגוריה בעברית
את המזהה שיניתי עכשיו ל: hygiene
 

prince

משתמש צעיר
עיצוב גרפי
הדמיות בתלת מימד
D I G I T A L
הדיב הראשון אחרי main#

יש לו קלאס שעוטף את כל הקונטיינר של המוצר
product_cat-hygiene
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
תודה, אין לי מילים.
מקוה שלא יתעוררו בעיות נוספות
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
זה אכן הקלאס הנכון
אני רוצה לשנות את ה- .product_title
ששיך לקלאס: product_cat-hygiene
ואת זה אני לא מצליחה לעשות
 

prince

משתמש צעיר
עיצוב גרפי
הדמיות בתלת מימד
D I G I T A L
זה מתחיל להיות קצת מורכב.. וקשה להסביר באשכול כתוב. אני מציע שתפני לאיש מקצוע שיסדר לך את העניין.
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
אשמח לקבל המלצות לאיש מקצוע שיכול לעזור לי
 

למדן וידען

משתמש סופר מקצוען
עיצוב גרפי
הנדסת תוכנה
D I G I T A L
נכתב ע"י macro;2516688:
אשמח לקבל המלצות לאיש מקצוע שיכול לעזור לי

מהצד השאלה הזאת קצת משעשעת..
prince עזר לך עד כה.. מה השאלה בכלל?
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
נכתב ע"י macro;2516447:
זה אכן הקלאס הנכון
אני רוצה לשנות את ה- .product_title
ששיך לקלאס: product_cat-hygiene
ואת זה אני לא מצליחה לעשות

PHP:
.product_cat-hygiene .product_title {
...
}
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
שעיה, תודה רבה!
זה בדיוק מה שניסיתי לעשות וזה לא עבד
עכשיו זה עובד מצוין
אולי נשמטה איזה נקודה (למרות שבדקתי כמה פעמים)

תודה לפרינס ושעיה ולכל העוזרים תמיד.
 

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קלז

א עַל נַהֲרוֹת בָּבֶל שָׁם יָשַׁבְנוּ גַּם בָּכִינוּ בְּזָכְרֵנוּ אֶת צִיּוֹן:ב עַל עֲרָבִים בְּתוֹכָהּ תָּלִינוּ כִּנֹּרוֹתֵינוּ:ג כִּי שָׁם שְׁאֵלוּנוּ שׁוֹבֵינוּ דִּבְרֵי שִׁיר וְתוֹלָלֵינוּ שִׂמְחָה שִׁירוּ לָנוּ מִשִּׁיר צִיּוֹן:ד אֵיךְ נָשִׁיר אֶת שִׁיר יְהוָה עַל אַדְמַת נֵכָר:ה אִם אֶשְׁכָּחֵךְ יְרוּשָׁלִָם תִּשְׁכַּח יְמִינִי:ו תִּדְבַּק לְשׁוֹנִי לְחִכִּי אִם לֹא אֶזְכְּרֵכִי אִם לֹא אַעֲלֶה אֶת יְרוּשָׁלִַם עַל רֹאשׁ שִׂמְחָתִי:ז זְכֹר יְהוָה לִבְנֵי אֱדוֹם אֵת יוֹם יְרוּשָׁלִָם הָאֹמְרִים עָרוּ עָרוּ עַד הַיְסוֹד בָּהּ:ח בַּת בָּבֶל הַשְּׁדוּדָה אַשְׁרֵי שֶׁיְשַׁלֶּם לָךְ אֶת גְּמוּלֵךְ שֶׁגָּמַלְתְּ לָנוּ:ט אַשְׁרֵי שֶׁיֹּאחֵז וְנִפֵּץ אֶת עֹלָלַיִךְ אֶל הַסָּלַע:
נקרא  5  פעמים

לוח מודעות

למעלה