העברת מיקום הכיתוב "אזל מהמלאי"

ניתן להוסיף כיתוב "אזל המלאי" באמצעות CSS, כך:

.outofstock .image_wrapper a::after {
    content: "אזל מהמלאי";
    position: relative;
    top:-220px !important;
    font-weight: bold;
    font-size:30px;
  color:#777;
}

ארכיון

כדי להעביר את מיקום הכיתוב של "אזל מהמלאי", יש לערוך את הקובץ שמסדר את המוצרים בתבנית, woocommerce/content-product.php.

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

1. יש להגדיר את הכיתוב "אזל מהמלאי" תחת BeTheme > Options תחת Blog, Portfolio & Shop > Shop.
2. יש לערוך את הקובץ של ה-content-product.php תחת woocommerce (עיצוב > ערוך ואז לבחור את הקובץ)
3. יש למחוק את הקוד הבא משורות 99 ו-135:

   if( ! $product->is_in_stock() && $soldout = mfn_opts_get( 'shop-soldout' ) ){
    echo '<span class="soldout"><h4>'. $soldout .'</h4></span>';
    }

4. יש למצוא את הקוד הנ"ל (שורה 153):

   do_action( 'woocommerce_after_shop_loop_item_title' );

5. יש להוסיף לפניו את הקוד הבא:

   if( ! $product->is_in_stock() && $soldout = mfn_opts_get( 'shop-soldout' ) ){
    echo '<span class="soldout"><p>'. $soldout .'</p></span>';
    }

6. לסגנון, יש להוסיף את קוד ה-CSS הבא: (החלק האחרון של הסרת שקיפות המוצרים – אופציונלי)

   .woocommerce span.soldout {
    position:relative;
   }
   .woocommerce span.soldout p {
    font-weight:600;
    color:#eb7575;
   }
   /*Remove Product Opacity - Optional*/
   .woocommerce ul.products li.product.outofstock .image_frame .image_wrapper img, .woocommerce ul.products li.product.outofstock .hover_box_product .hover_box_wrapper {
    opacity:1;
   }