הוספת שדה טקסט ויזואלי מעל ומתחת למוצרים, בקטגוריות מוצרים של WooCommerce

כדי להוסיף שדה ויזואלי להוספה בכל קטגוריה, מעל ומתחת למוצרים (במקום רק השדה הפתוח של הטקסט) – יש לפעול לפי השלבים הבאים:

1. להוסיף שדות ACF – עם שם משמעותי, לדוגמא "שדות לקטגוריות"
2. להגדיר זוג שדות של "עורך ויזואלי" למשל "aboveproducts" ו-"belowproducts"
3. להגדיר מיקום טקסונומיה קטגוריה (product_cat)
4. לערוך את הקובץ functions/theme-woocommerce.php סביב שורה 175, להוסיף שורה לקוד הבא:

   function mfn_before_shop_content() {
   	if( is_product_category() ){
   		$cat = get_queried_object();
   		$top_content = get_term_meta($cat->term_id, 'mfn_product_cat_top_content', true);
   		if(!empty($top_content)){
   			echo do_shortcode($top_content);
   		}
   	}
   }

   של:

   $top_content = get_field('aboveproducts','product_cat_'.$cat->term_id);

   ולשנות את ה"=" ל-".=" – כך:

   function mfn_before_shop_content() {
   	if( is_product_category() ){
   		$cat = get_queried_object();
   		$top_content = get_field('aboveproducts','product_cat_'.$cat->term_id);
   		$top_content .= get_term_meta($cat->term_id, 'mfn_product_cat_top_content', true);
   		if(!empty($top_content)){
   			echo do_shortcode($top_content);
   		}
   	}
   }

5. לבצע בצורה דומה לקוד אחרי המוצרים, כך:

   function mfn_after_shop_content() {
   	if( is_product_category() ){
   		$cat = get_queried_object();
   		$bottom_content = get_field('belowproducts','product_cat_'.$cat->term_id);
   		$bottom_content .= get_term_meta($cat->term_id, 'mfn_product_cat_bottom_content', true);
   		if(!empty($bottom_content)){
   			echo do_shortcode($bottom_content);
   		}
   	}
   }

ארכיון

על מנת להוסיף שדה טקסט ויזואלי מתחת למוצרים, יש לפעול לפי השלבים הבאים:

1. להתקין / להפעיל את התוסף ACF – קיים במאגרי החברה, וגם מובנה במבנה הבסיס.
2. להוסיף קבוצת שדות חדשה תחת "שדות מיוחדים", ולתת לה שם משמעותי – כדוגמת "הרחבות לקטגוריית מוצרים"
3. להוסיף שדה תוכן > עורך ויזואלי, עם השם "תיאור תחתון" ושם שדה של bottom_product_category_text (לדוגמא)
4. לרשום כמה מילים בהערות: "הטקסט שמוזן בשדה הזה יופיע לאחר המוצרים במסך הקטגוריה."
5. להגדיר סינון: "טקסונומיה" שווה ל- "קטגוריה" (product_cat)
6. ללחוץ "פרסום" לשמירת קבוצת השדות.
7. יש לערוך את דף הקטגוריות דרך "עיצוב > עריכת תבנית" ושם לערוך את הקובץ "woocommerce/archive-product.php"
8. יש להוסיף את הקוד הבא:

   echo '<div class="additionaltext">';
   $queriedObject=get_queried_object();
   echo get_field('bottom_product_category_text','product_cat_'.$queriedObject->term_id);
   echo '</div>';

9. מיד לפני העוגן של:

   /**
    * Hook: woocommerce_after_main_content.

10. יש ללחוץ על עדכון הקובץ – והשדה נשלף בהצלחה.

ניתן לסגנן את הטקסט ב-CSS באמצעות ה-Class שהוגדר "additionaltext".

רפרנס:
https://stackoverflow.com/questions/29547093/woocommerce-category-and-acf