WooCommerce איך מסדרים את התצוגה שהתמונות יהיו באותו גודל ומיקומי הכפתור

בניית אתרים וחוויית משתמש >> תוכן מקצועי

גם אתם שמתם לב שרק עכשיו הגיעה הקולקציה החדשה למדפים? הסוד המלא נחשף לראשונה, ועל הדרך טריק לניצול קופונים.
אם אתן מאלו שהבילוי שלהם הוא סיור בגאולה וברבי עקיבא, לסרוק ולמשש את חלונות הראווה, יכלתן לזהות השנה דיליי חריג במועד השקת הקולקצייה החדשה לחג...
תנו לאגד לנצח
ב"ה. לימים, יתקשו כל המעורבים להאמין שכל הסאגה המתמשכת התחילה בהתראה שגרתית שקפצה בצד השמאלי של המחשב הנייד. "תוקף רישיון גרסת הניסיון של...
הדרך להייטק עוברת בבני ברק
מרחב עבודה הצפוף בנשים חרדיות שיושבות וכותבות קוד, הוא לא מראה שכיח. לפני כמה שנים היו שאמרו שהוא גם לא אפשרי.
4.00 star(s) 1 ratings
מאחורי העמק | חלק ג'
"פסולה" "לא נכון" "עכשיו תורך לאחוז!" לכל אחת יש את הזיכרון המתוק הזה מהמשחקים הנוסטלגיים שהיוו חלק גדול מנוף ילדותינו, זיכרון שמעלה חיוך שעה...
5.00 star(s) 1 ratings

מנדי אייזן

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
פרסום וקופירייטינג
תודה רבה1 ‏‏לכידה.PNG
 

תמר לב

משתמש מקצוען
פיתוח / אפיון / עיצוב אתרים
נראה שהפרפורציה של התמונות לא זהה, הגובה שונה,
הפתרון להזין תמונות בדיוק באותו גודל
או לכתוב גובה לתמונה בקוד (כמובן בצורה שלא תשבש את רוחב התמונה)
 

מנדי אייזן

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
פרסום וקופירייטינג
נראה שהפרפורציה של התמונות לא זהה, הגובה שונה,
הפתרון להזין תמונות בדיוק באותו גודל
או לכתוב גובה לתמונה בקוד (כמובן בצורה שלא תשבש את רוחב התמונה)
העניין הוא שיש תמונות שהם לרוחב ויש שהם לגובה, איך אפשר להתמודד עם זה?
 

נוכחות

משתמש סופר מקצוען
מנוי פרימיום
עימוד ספרים
עיצוב גרפי
עריכה תורנית
פיתוח / אפיון / עיצוב אתרים
יש את הקוד הזה
קוד:
// set thumbnails size in shop page
add_filter( 'woocommerce_get_image_size_thumbnail', 'ci_theme_override_woocommerce_image_size_thumbnail' );
function ci_theme_override_woocommerce_image_size_thumbnail( $size ) {
    // Catalog images: specific size
    return array(
        'width'  => 350,
        'height' => 350,
        'crop'   => 350, // not cropped
    );
}
במידה ויש תמונות פחות מגודל זה אפשר להגדיל אותם לפני שמעלים לאתר.
או להקטין את המספר בקוד, ולבדוק אם זה מספיק מתאים.
יש לי קוד אחר שיתכן שלא דורש טיפול חיצוני בתמונות אבל הוא פחות התאים לי.
 

מנדי אייזן

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
פרסום וקופירייטינג
יש את הקוד הזה
קוד:
// set thumbnails size in shop page
add_filter( 'woocommerce_get_image_size_thumbnail', 'ci_theme_override_woocommerce_image_size_thumbnail' );
function ci_theme_override_woocommerce_image_size_thumbnail( $size ) {
    // Catalog images: specific size
    return array(
        'width'  => 350,
        'height' => 350,
        'crop'   => 350, // not cropped
    );
}
במידה ויש תמונות פחות מגודל זה אפשר להגדיל אותם לפני שמעלים לאתר.
או להקטין את המספר בקוד, ולבדוק אם זה מספיק מתאים.
יש לי קוד אחר שיתכן שלא דורש טיפול חיצוני בתמונות אבל הוא פחות התאים לי.
תודה רבה לך!
 

נוכחות

משתמש סופר מקצוען
מנוי פרימיום
עימוד ספרים
עיצוב גרפי
עריכה תורנית
פיתוח / אפיון / עיצוב אתרים
את הקוד אפשר להכניס לתבנית הבת בקובץ הפונקציות.
אני באופן אישי משתמש בתוסף קוד שמארגן את הקודים של האתר עם שמות שאני בוחר.
 

לוח נדל"ן | למכירה והשכרה

לוח מודעות | קניה מכירה

למעלה