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

  • פותח הנושא macro
  • פורסם בתאריך
  • הוסף לסימניות
  • #1
אני מעונינת שלכל המוצרים בכל קטגוריה יהיה עיצוב יחודי (למשל שם המוצר והוסף לסל בצבע שונה מקטגוריה לקטגוריה)
יש מצב לעשות את זה ? ואם כן איך?

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

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

איך אני מוסיפה לו עמודים נוספים
 
  • הוסף לסימניות
  • #2
לגבי הקטגוריות:
מה שעושים זה להוסיף קלאס לבודי של הקטגוריה ואז לסגנן אותו דרך 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

בהצלחה!
 
  • הוסף לסימניות
  • #3
תודה רבה

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

לגבי התשובה השניה - תודה עובד מצוין.
 
  • הוסף לסימניות
  • #4
את לא צריכה לכתוב, הוא מוסיף באופן אוטומטי את שם הקטגוריה כקלאס לבודי של העמוד,
ואת את מטווחת אותו בCSS כך:

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

shoes H1.
 
  • הוסף לסימניות
  • #5
תודה, אני בודקת
 
  • הוסף לסימניות
  • #6
הוספתי את הקוד ואני לא מוצאת את הקלאס בבודי
להלן קישור לעמוד קטגוריה:
http://www.aristocrat4u.com/חנות/הגיינה-וטיפוח/

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

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

// 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' );

וחשוב מאד שהשמות יהיו באנגלית, אני רואה שאצלך זה בעברית.
סתם ככה זה טוב שהלינקים יהיו באנגלית במקום שיופיעו אחוזים ומספרים לא ברורים..
 
  • הוסף לסימניות
  • #10
שינתי את הלינק- היתה לי טעות
אני מתכונת למוצר יחיד (כמו הלינק ששמת)

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

ובענין השמות באנגלית- הכונה לשמות בקישורים- כן?
 
  • הוסף לסימניות
  • #11
מה שם הקטגוריה? היא באנגלית או עברית?
 
  • הוסף לסימניות
  • #12
שם הקטגוריה בעברית
את המזהה שיניתי עכשיו ל: hygiene
 
  • הוסף לסימניות
  • #13
הדיב הראשון אחרי main#

יש לו קלאס שעוטף את כל הקונטיינר של המוצר
product_cat-hygiene
 
  • הוסף לסימניות
  • #14
תודה, אין לי מילים.
מקוה שלא יתעוררו בעיות נוספות
 
  • הוסף לסימניות
  • #15
זה אכן הקלאס הנכון
אני רוצה לשנות את ה- .product_title
ששיך לקלאס: product_cat-hygiene
ואת זה אני לא מצליחה לעשות
 
  • הוסף לסימניות
  • #16
זה מתחיל להיות קצת מורכב.. וקשה להסביר באשכול כתוב. אני מציע שתפני לאיש מקצוע שיסדר לך את העניין.
 
  • הוסף לסימניות
  • #17
אשמח לקבל המלצות לאיש מקצוע שיכול לעזור לי
 
  • הוסף לסימניות
  • #18
נכתב ע"י macro;2516688:
אשמח לקבל המלצות לאיש מקצוע שיכול לעזור לי

מהצד השאלה הזאת קצת משעשעת..
prince עזר לך עד כה.. מה השאלה בכלל?
 
  • הוסף לסימניות
  • #19
נכתב ע"י macro;2516447:
זה אכן הקלאס הנכון
אני רוצה לשנות את ה- .product_title
ששיך לקלאס: product_cat-hygiene
ואת זה אני לא מצליחה לעשות

PHP:
.product_cat-hygiene .product_title {
...
}
 
  • הוסף לסימניות
  • #20
שעיה, תודה רבה!
זה בדיוק מה שניסיתי לעשות וזה לא עבד
עכשיו זה עובד מצוין
אולי נשמטה איזה נקודה (למרות שבדקתי כמה פעמים)

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

פרוגבוט

תוכן שיווקי
פרסומת

פוסטים חדשים שאולי לא קראת....

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

לוח מודעות

הפרק היומי

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


תהילים פרק כה

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