העברת סרגל הצד לראש העמוד בגרסת המובייל - Woocommerce

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

1. 1. יש לפתוח את עורך התבניות "עיצוב > עורך"
  2. יש לפתוח את הקובץ functions/theme-woocommerce.php.
  3. יש לאתר את הקוד הבא ולגזור אותו: (סביב שורה 85)
```
<?php get_sidebar(); ?>
```
  4. יש להדביק מיד אחרי השורה של: (מיקום סביבות שורה 60)
```
<div class="content_wrapper clearfix"></div>
```
  5. יש ללחוץ "Update file" לשמירה.

אם בסרגל הצד יש עץ קטגוריות, מומלץ לכלול גם עץ קטגוריות על בסיס שורת בחירה, כך – יש להוסיף את הוידג'ט בשנית, עם אותן הגדרות בדיוק, רק לסמן "הצג ברשימה נפתחת",
כאשר בסלולר עץ הקטגוריות מוסתר, ובדסקטופ הרשימה הנפתחת מוסתרת:

@media (max-width: 1000px) { /*-----ai---------Start Mobile-Full-Range-----------*/
#woocommerce_product_categories-2 {
 display:none;
}
} /*-----ai---------End Mobile-Full-Range-----------*/
@media (min-width: 1001px) { /*-----ai---------Start Non-Mobile-Range-----------*/
#woocommerce_product_categories-3 {
 display:none;
}
} /*-----ai---------End Non-Mobile-Range-----------*/

וניתן לצמצם את רווחי ה-Sidebar עם הקוד הבא:

@media (max-width: 1000px) { /*-----ai---------Start Mobile-Full-Range-----------*/
.woocommerce .sidebar .widget-area {
 padding-top:0px !important;
 padding-bottom:0px !important;
 margin-top:0px !important;
}
.woocommerce .sidebar .widget {
 padding-top:0px !important;
 padding-bottom:0px !important;
 margin-bottom:15px;
}
.woocommerce .sidebar .widget:after {
 display:none;
}
} /*-----ai---------End Mobile-Full-Range-----------*/

העברת סרגל הצד לראש העמוד בגרסת המובייל – Woocommerce