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.

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.