• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Custom WooCommerce Single Product Page Template For Genesis

This template enables you to fully customize/modify the default functionality & styling of the WooCommerce single product page.

In this case, 2 custom fields are added on the Edit Product screen which enable you to add custom content :

The custom content outputs before and after the single product add to cart button which in this case is modified to Purchase this item with a icon added before the button text.

A full width custom widget area has also been added after the product summary which includes the Genesis eNews subscribe widget.

You can change the output position using any single product page hook.

#Demo Video

Shows custom content added before and after the add to cart button on the single product page in Genesis. Also shows the custom widget area and how the Genesis eNews subscribe widget displays on smaller screens.

Tested using the Genesis Sample child theme by StudioPress.

#Installation

There are only 2 steps to install the template :

Step 1 : From the download folder, upload the folder named woocommerce to your child themes root directory.

Step 2 : Add the following line of PHP code to the end of your child themes functions.php file.

require_once get_stylesheet_directory() . '/woocommerce/wc-single-product.php';

Register or login to access the download folder :

Download Folder

#Related Products

You can use this code in the single-product.php file to remove related products.

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Related Templates

  • Custom WooCommerce Product Page Archive Template For Genesis

WooCommerce

Reader Interactions

Comments

  1. Chris Martin says

    December 7, 2021 at 5:10 pm

    I just started work in woocommerce for this site. I don’t see any conflicts.

    Log in to Reply
    • Brad Dalton says

      December 7, 2021 at 5:35 pm

      Dear Chris. I’ve tested all code snippets from all your downloads and everything works by default as seen in the demo videos on each tutorial, in the latest version of Genesis Sample child theme. I’ll send you the fresh copy with the code installed via email so you can load it for testing.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.