In a WooCommerce store, showcasing unique content alongside product titles on the shop page can provide valuable information to customers and help highlight key features or promotions. In this guide, we’ll demonstrate how to add a custom content field to the product editing screen, allowing you to enter unique content for each product. This content will then be displayed under the product title on the shop page, enhancing the product presentation and improving the shopping experience for your customers.
/**
* Snippet Name: Show unique content for each product on shop page under title
* Snippet Author: wpsnippets.dev
*/
// adding custom field
function wps_add_custom_field() {
echo '<div class="options_group">';
woocommerce_wp_text_input (array (
'id' => 'custom_content_under_loop_title',
'value' => get_post_meta (get_the_ID(), 'custom_content_under_loop_title', true),
'label' => 'Custom Content',
'description' => 'Content to be placed between the title and price on archive pages'
));
echo '</div>';
}
add_action ('woocommerce_product_options_advanced', 'wps_add_custom_field');
// updating custom field when post is updated
function wps_save_custom_content_field ($id, $post) {
update_post_meta ($id, 'custom_content_under_loop_title', $_POST['custom_content_under_loop_title']);
}
add_action ('woocommerce_process_product_meta', 'wps_save_custom_content_field', 10, 2);
// adding content under title
function wps_add_custom_content_under_title() {
global $product;
echo $custom_loop_content_under_title = $product->get_meta ('custom_content_under_loop_title');
};
add_action( 'woocommerce_after_shop_loop_item_title', 'wps_add_custom_content_under_title', 1, 0 );
Code Explanation
- Custom Field Addition:
- The function
wps_add_custom_fieldadds a custom text input field to the advanced options section of the product editing screen. - This field is labeled “Custom Content” and is intended for entering content to be displayed on archive pages.
- The function
- Custom Field Saving:
- The function
wps_save_custom_content_fieldsaves the content entered in the custom field when the product is updated or saved.
- The function
- Content Display:
- The function
wps_add_custom_content_under_titleretrieves the custom content for each product and echoes it out under the product title on the shop page.
- The function