-
תגובות
-
בתצוגת דסקטופ הגדרתי הצגה של הקטגוריות ב 4 עמודות, ובאזור אחר שמוגדר למובייל, שיכפלתי את הווידג'טים והגדרתי הצגה של קטגוריות בשתי עמודות, אבל הוא בכל זאת מראה לי אותם כתמונות אחת אחרי השניה… איך פותרים את זה? אני רוצה שהתמונות יוקטנו ושיהיו שתי קטגוריות בכל שורה במובייל (שזה שתי עמודות בעצם).
תודה,
ובנוסף, האם בהגדרות הרספונסיביות יש אפשרות להגדיר הצגה במכשיר ומעלה או מטה? או שחייבים לשכפל ל3 את כל העימוד, אחד לכל תצוגה? כי ההצגה של המובייל והטאבלט אצלי זה אותו הדבר…
1. כהגדרת ברירת מחדל כל העמודות במובייל נהפכות לעמודה אחת. במידה ואתה רוצה לשנות את זה בצורה גורפת לכל האתר, אפשר לעשות את זה על ידי קצת CSS. במידה ואתה רוצה לעשות את זה במיקום ספציפי, צריך לראות את העמוד במה בדיוק מדובר
2. אתה יכול פשוט להגדיר "להסתיר בדסקטופ" ואז זה יוצג גם במובייל וגם בטאבלט
1. אני אשמח לקבל הכוונה לגבי זה. עמודה אחת זה פשוט גדול מדי למובייל. אני רוצה לעשות את השינוי הזה זה רק למצב מובייל, בתפריט המוצרים בדף הבית של foodies.co.il (נמצא מתחת להודעת הפתיחה). שים לב שבהקטנת החלון לגודל המינימלי תפריט המוצרים הופך לתמונות גדולות מדי ונוצרת עמודה אחת.
2. תודה.
נסה להכניס את הקוד הבא ל-Live CSS, ותעדכן אם זה מסתדר:
@media (max-width:768px) { .woocommerce ul.products li.product a img{width:50%;}}סידרתי לך את זה, זה הקוד הנכון:
@media only screen and (max-width: 499px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 50%; } }אנא בדיקתך
עובד מעולה על המובייל. תודה.
באותו עניין, כשאני שם את הקוד הזה עבור MIN WIDTH 500 לדסקטופ עם ערך של 30% עבור 3 עמודות, אני מקבל שורה של 3 מוצרים ושורה הבאה יש רק אחד וכן הלאה… מה הפקודה ב CSS שמאפשרת לי "להציף" למעלה את הקוביות כדי שימלאו את החורים שלהם כמו שצריך?
אוקי הכנסתי את הקוד הבא ועכשיו זה אמור לעבוד במובייל:
@media (max-width: 768px) { .woocommerce.columns-2 ul.products li.product { width: 50%; } }לגבי הדסקטופ, אין צורך בקוד. בווידג'ט קטגוריות מוצרים הגדרתי לך 3 עמודות במקום 4 ועכשיו זה נראה בסדר.
תודה רבה.
שאלה נוספת, בהתאמה האישית אני מנסה לשנות את גודל הפונט ואת המרווח מהתמונה של שמות הקטגוריות בעמוד הבית ובחנות (H3). כשאני משנה את גודל הפונט ואת המרווח זה משתנה, אבל לאחר שמירת השינויים הפונט חוזר לגודל יותר קטן. זה קורה גם בעמוד הבית וגם בעמוד החנות.
מתנצל על הטרדה, אבל לא נגעתי בכלל בקוד וגם לא עדכנתי שום דבר ופתאום בחנות במובייל שוב כל המוצרים נגללים לעמודה אחת…
הורדתי לגמרי את תוסף הקאשינג, הסרתי את הדפדפן במובייל והתקנתי מחדש ועדיין זה מופיע בעמודה אחת. אולי אנחנו לא מדברים על אותו עמוד, הבעיה בעמוד החנות ולא בעמוד הבית –
קישור לעמוד החנותכמובן מדובר על הצגה במובייל,
תודה.
בקשר למספר העמודות, אני מנסה להשתמש בסניפטים ששלחת לי ולהגדיר 3 עמודות בדסקטופ בעמוד החנות –
1) אני מעוניין ב 3 עמודות, אבל כשאני מגדיר 33% זה לא יוצא טוב.
2) בשביל הניסיון, גם כשאני מגדיר 50% והמוצרים מסתדרים טוב ואני שומר את השינויים, כשאני יוצא ממצב התאמה השינויים חוזרים לקדמותם ולא נשמרים, אז כנראה יש פה עוד מקרה דריסה מכיוון אחר. כדי לנסות לפתור את זה, כמו שהצעת בעבר, מחקתי את השינויים של הCSS שמרתי ואז שוב הדבקתי ושמרתי אבל זה לא עובד.
- הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.