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

ניתן להוסיף כיתוב "אזל המלאי" באמצעות 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;
}
x
סייען נגישות