הוספת טקסט נוסף מתחת למוצר Woocommerce בדף קטגוריה (כולל ACF)

כדי להוסיף טקסט נוסף מתחת לכל מוצר בדף הקטגוריה, יש להוסיף את הקוד הבא תחת functions.php של התבנית:

add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_show_free_shipping_loop', 5 );
 
function bbloomer_show_free_shipping_loop() {
 echo '<p class="Extratext1">5.12-5.22</p>';
 echo '<p class="Extratext2">22445</p>';
}

כאשר כדי להוסיף שדות מיוחדים, יש להגדיר את השדות המוצרים לכל מוצר כפי שמתואר כאן, ואז ניתן לשנות את הקוד, כך:

add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_show_free_shipping_loop', 5 );
 
function bbloomer_show_free_shipping_loop() {
 $product01 = get_field( "date_range" );
 $product01 = get_field( "card_number" );
 echo '<p class="Extratext1">'. $product01 . '</p>';
 echo '<p class="Extratext1">'. $product02 . '</p>';
}

לדוגמא – להוסיף מחיר מבצע לחברי מועדון בלבד (95%), מתחת למוצר, ניתן עם הקוד הבא:

add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_show_free_shipping_loop', 5 );
 
function bbloomer_show_free_shipping_loop() {
 $price = get_post_meta( get_the_ID(), '_price', true );
 $discounted = wc_price( $price*0.95 );
 echo '<p class="Extratext1">מחיר מבצע לחברי מועדון: <span class="pr"' . $discounted . '</span></p>';
}

כדי להוסיף כפתור הוספה לעגלה, ניתן להגדיר את התצוגה שלו תחת הגדרות החנות באפשרויות BeTheme.

כדי להוסיף כפתור לפרטים נוספים, ניתן להשתמש בקוד הבא:

add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_show_free_shipping_loop', 5 );
 
function bbloomer_show_free_shipping_loop() {
	global $product;
	$plink = $product->get_permalink();
 	echo '<div class="button_align align_center"><a class="button  button_size_2 button_dark" href="'.$plink.'"><span class="button_label">לפרטים</span></a></div>';
}

בשילוב קוד ה-CSS הזה, שמונע את הסתרתו:

.woocommerce ul.products li.product .mfn-li-product-row-button.hide-button, .woocommerce-page ul.products li.product .mfn-li-product-row-button.hide-button {
  display:block;
}

רפרנסים:

WooCommerce: Add Text Under Each Product @ Shop Page

https://www.cloudways.com/blog/change-woocommerce-price-display/