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.

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.