AI Verified

Name

WooCommerce Add Product-Unique Content Below Loop Item Image

About

Showing product-specific content below the image on a loop item is really easy. In other words, if you want to show content, unique to each individual product below the product featured image on the product loop which appears on the product archive template among other places, this guide is for you. This solution creates you a custom product editor metabox to enter custom text, then displays it under the product image.

Language

PHP

Rating

Voted: 0 by 0 user(s)

How to Setup Snippet

Simply copy the pre-coded solution to your active child theme’s functions.php or preferably the Code Snippets Plugin.

Link for further information:

The author has provided the following URL that may be helpful to setting up or using this snippet:

https://www.ecommercehints.com/woocommerce-add-product-unique-content-below-loop-item-image

Codevault

ecommercehints

Scroll down to see more snippets from this codevault.

Wordpress Compatability

The author has indicated that this snippet is compatable up to wordpress version: 6.1

Our AI bot has checked this snippet is compatable up to wordpress version: 6.1

Code Snippet Plugin Sync

Free & Pro

Download this snippet by clicking the download button, then head over to the Code Snippet Plugin settings in your wordpress admin dashboard, select the import menu then upload this file to import into your wordpress site.

Pro Only (Coming Soon)

You will be able to click a button and sync this snippet to your wordpress site automatically and from your dashboard manage all code snippets across all your wordpress sites that have the Code Snippets Pro plugin installed.

Website/ Profile URL:

https://www.ecommercehints.com/

History

Last modified:

14/11/2022

Important Note

This snippet has the following status:

AI Verified

This snippet has been tested by our AI bot, see any comments below.

Learn More

AI Bot Comments:

-------------------------------------------------------------------------------------------------------------
Name | Potential vulnerability found : Cross Site Scripting
Line | 26
Code | echo($custom_loop_content_below_image)
Code | Line | 26 : $custom_loop_content_below_image = $product->get_meta ('custom_loop_content_below_image'));

Found 1 vulnerabilities

WooCommerce Add Product-Unique Content Below Loop Item Image

 
                    
 1/**
 2 * Snippet Name:     WooCommerce Custom Product Metabox For Content Below Image On Loop Item
 3 * Snippet Author:   ecommercehints.com
 4*/
 5 
 6add_action ('woocommerce_product_options_advanced', 'ecommercehints_product_data_metabox');
 7function ecommercehints_product_data_metabox() {
 8   echo '<div class="options_group">';
 9   woocommerce_wp_text_input (array (
10      'id'                => 'custom_loop_content_below_image',
11      'value'             => get_post_meta (get_the_ID(), 'custom_loop_content_below_image', true),
12      'label'             => 'Custom Loop Content',
13      'description'       => 'Text to appear below loop image'
14  ));
15   echo '</div>';
16}
17 
18add_action ('woocommerce_process_product_meta', 'ecommercehints_save_field_on_update', 10, 2);
19function ecommercehints_save_field_on_update ($id, $post) {
20      update_post_meta ($id, 'custom_loop_content_below_image', $_POST['custom_loop_content_below_image']);
21}
22 
23add_action( 'woocommerce_shop_loop_item_title', 'ecommercehints_woocommerce_shop_loop_item_title', 1, 0 );
24function ecommercehints_woocommerce_shop_loop_item_title() {
25global $product;
26$custom_loop_content_below_image = $product->get_meta ('custom_loop_content_below_image');
27echo $custom_loop_content_below_image;
28};

0

Related Snippets

Please see some snippets below related to this snippet..

WooCommerce

AI Verified

0

Inventory Status Change

Added: 7 months ago

Last Updated: 7 months ago

I have a client who sells logs - has less than 10 products and doesn't use the stock management tools in WooCommerce. They wanted to control the Inventory on the basis of 'In Stock' or 'Out of Stock'...

View

WooCommerce

AI Verified

0

Display Orders on User Dashboard

Added: 1 year ago

Last Updated: 1 year ago

View

WooCommerce

AI Verified

2

Change Add to Cart Button Text in WC

Added: 1 year ago

Last Updated: 1 year ago

Change Add to Cart Button Text in WC

View

Other Snippets in this Codevault

These are some popular snippets from this users codevault..

WooCommerce

AI Verified

6

WooCommerce Show Number Of People Viewing Product

Added: 1 year ago

Last Updated: 1 day ago

We want to make this solution absolutely clear from the outset. This snippet does NOT generate the actual number of people viewing the product. It shows a randomly generated number in the range of two...

View

WooCommerce

AI Verified

5

WooCommerce Show Number Of Units Sold On Product Page

Added: 1 year ago

Last Updated: 2 days ago

Showing the number of product units sold on the single product page is a great way to introduce Fear Of Missing Out (FOMO). You can highlight how many products are sold to let customers know a product...

View

WooCommerce

AI Verified

3

WooCommerce Add Content Under The Proceed To Checkout Button On The Cart Page

Added: 1 year ago

Last Updated: 1 day ago

How many times have you bought something online and seen trust symbols near the proceed to checkout button on the cart page? “30 Day Money Back Guarantee” or “Secure Checkout” are popular examples. By...

View