סרגל צד בתצוגת סמארטפון וטאבלט

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

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

ראשי פורומים תמיכה סרגל צד בתצוגת סמארטפון וטאבלט

דיון זה מוגדר: סגור

תגיות: ,

מוצגות 8 תגובות – 1 עד 8 (מתוך 8 סה״כ)
  • מאת
    תגובות
  • #45042

    שלומי כהן
    משתתף

    שלום,
    אני זקוק לעזרה בשני דברים:

    א) הגדרתי בחלק מהדפים את הפריסה עם סרגל צד שבו שמתי תפריט קטגוריות, בתצוגת מובייל וטאבלט סרגל הצד מופיע לאר התוכן ולא בראש הדף, כיצד ניתן להגדיר שהסרגל יופיע קודם לפני התוכן? (ניתן לראות למשל בחנות בקטגוריית "מחשבים נייחים")
    ב) באותו עמוד "מחשבים נייחים" שימו לב שהגדרתי ב-CSS תיבות למוצרים (BORDER), משום מה, מה שאני לא עושה הבורדר הזה נעלם בתצוגת מובייל וטאבלט, הכנסתי את הקוד הבא ולא הגדרתי גודל של מדיה זה לא אמור לחול על כל הפלטפורמות?

    /*media all*/
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 24%;
    margin-left:1%;
    position: relative;
    padding: 5px;
    border: 1px;
    border-style: solid;
    border-color: #D4D4D4;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 370px;
    max-height: 400px;
    }

    תודה

    #45043

    שלומי כהן
    משתתף
    תגובה זו סומנה כפרטית.
    #45096

    Noa
    משתתף

    בוקר טוב,

    1. לצערי אין אפשרות מובנית להגדיר את זה, כי כך עובדת הריספונסיביות.

    אבל אתה יכול באמצעות הקוד הבא להסתיר את הסיידבר במובייל, ואז באמצעות הבילדר ליצור אזור עם הווידג'ט ולהגדיר אותו רק למובייל (בהגדרות אזור > נראות אזור):

    @media (max-width:768px) {
    #sidebar{display:none;}}

    2. אני רואה בקוד העמוד שהקוד כנ"ל הוגדר בתוך @media (min-width: 980px) ולכן זה לא מוצג במובייל.

    #45207

    שלומי כהן
    משתתף

    היי,

    1. גם אם אסתיר את סרגל הצד במובייל, איך אני אחיל את הווידג'ט של הסיידבר על כל עמודי האתר כולל עמודי החנות והמוצרים? הרי אין לי שם את הבילדר וגם אם היה זה לא ישים שאגדיר בכל דף, אני צריך שזה יהיה אוטומטית, כי אם הייתי יכול להגדיר כך את האתר כולו הייתי עושה את זה.

    2. הסתדרתי עם זה בקובץ woocommerce-smallscreen.css, תודה.

    #45244

    Noa
    משתתף

    אם כך יש לי קומבינה אחרת.

    מחוק את הווידג'ט שהוספת בבילדר למובייל. במקום זה הכנס את הקוד הבא להתאמה אישית > Live CSS:

    #top-bar{display:block !important;}

    הקוד כנ"ל מגדיר כך שהבר עליון יוצג במובייל.

    ואז ב > עיצוב > ווידג'טים הכנס את הווידג'ט תפריט וחיפוש לבר עליון.

    באמצעות התוסף Display Widgets אתה יכול להגדיר שהוודיג'טים האלה יופיעו רק במובייל.

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

    בהצלחה

    #45335

    שלומי כהן
    משתתף

    קומבינה סופר גאונית!!!
    לגבי הבעיה שהעלית, היא לא בעיה כי היא הפכה ליתרון :-), בבר העליון שמתי את הסרגל הראשי ובמקום הסרגל הראשי (כביכול) שמתי את תפריט הקטגוריות, זה פשוט נראה מצויין גם בדסקטופ וגם במובייל.

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

    #45366

    Noa
    משתתף

    נסה להכניס את הקוד הבא ל-Live CSS:

    @media (max-width:768px) {
    #mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > ul{
    display:block !important;}}
    #45566

    שלומי כהן
    משתתף

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

    לא נורא, בכל מקרה תודה רבה על כל העזרה, עזרת לי מאד.

מוצגות 8 תגובות – 1 עד 8 (מתוך 8 סה״כ)

הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.