WP SITES

This PHP code enables you to add a custom button on your single product page with a custom link. You can add the link using WordPress custom fields or a custom field plugin like ACF.

• Key used for WP custom fields is wp_button.
• For ACF, use acf_button.

If ACF not active, WP custom fields will be used.

The code enables you to open the link in the same window or new window and add the nofollow attribute to the link on a per product basis.

Use this file to import the ACF settings.

Works in any WordPress theme running WooCommerce.

Add this PHP code to the end of your child themes functions file to remove a product image for 1 specific product only. Swap out the post I.D to match your single products post i.d.

add_action( 'woocommerce_before_single_product_summary', 'single_product_remove_image', 1 );
function single_product_remove_image() {
if ( is_single( '193' ) ) {
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
}
}

To remove product images for more than 1 single product, add an array to the is_single conditional tag like this

add_action( 'woocommerce_before_single_product_summary', 'single_product_remove_images', 1 );
function single_product_remove_images() {
if ( is_single(array( '192','193' ) ) ) {
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
}
}

You can also use the is_product conditional tag in replace of is_single like this :

is_product('193')

And like this :

if ( is_product() AND get_the_ID() == 193 ) {

However, you should also check if WooCommerce is active like this using class_exists

if ( class_exists( 'woocommerce' ) AND is_product() AND get_the_ID() == 193 ) {

This is a beginners guide showing you 2 ways to modify the default design of your single product pages when using WooCommerce.

One : You can upload the following files from your wooocommerce plugin folder to a woocommerce folder in your child theme :

single-product.php
content-single-product.php
single-product-reviews.php

And also upload the single-product folder so you can modify the code in any of the template files to redesign different elements on your single product pages.

Your woocommerce folder inside your child theme would look like this :

It shows the 3 template files and 1 folder you can use to modify the default output in order to change the design of your single product page.

Two : You can use add_action, remove_action and add_filter hooks.

Action Hooks

Here’s an example using remove_action and add_action hooks in your child themes functions.php file to reposition the product title before the product image :

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_title' )

The code removes the title from its default position and then adds it back in a different hook position. View all single product page hooks here

Filter Hooks

Here’s an example of how to use a add_filter hook to add a custom image which replaces the main image on the single product page.