• 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

Genesis Layout Settings On WooCommerce Pages

There’s 3 ways to change the layout settings in Genesis child themes.

1. You can use the Layout Settings on any Edit Page screen to change the layout on any WooCommerce page.

Note : If you choose this method, you might need to clear caching.

2. You can also use the following code in your child themes functions file with any WooCommerce conditional tag

The following PHP code changes the layout on the shop page to full width and removes the sidebar.

add_filter( 'genesis_pre_get_option_site_layout', 'change_layout_woocommerce');
function change_layout_woocommerce( $opt ) {
if ( ! class_exists( 'WooCommerce' ) ) 
    return;
if (is_shop() ) {
$opt = 'full-width-content';
return $opt;
    }
}

Swap out is_shop() in the above code to any other WooCommerce conditional tag.

3. You can copy over a page template from the Genesis WooCommerce Connect plugins templates folder to your child themes woocommerce folder and add 1 line of code to the file from this page which executes when the page template is loaded thereby changing the layout.

Layout WooCommerce

Reader Interactions

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.