woocommerce . page shop layout

[mariola foix]

Hello,

I created the page of my shop as “full content” layout , but there are still leaving lateral sidebar. The page also have a Hero image but i cannot see them im my web.

thanks

Mariola

[Bill Robbins]

Good Morning Mariola,

Excellent questions there. The WooCommerce shop page is a bit unusual in how it works. It’s similar to the WordPress “posts page” (the blog page) in that it ignores just about everything on the page except for the page title and URL slug.

So for us, that means that the layout selector and hero image won’t be picked up like they would for a typical page.

Here’s what to do about the sidebar:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .post-type-archive-product #content {
   	width: 100%;
   }
   
   .post-type-archive-product #sidebar {
   	display: none;
   }
   

3. Update your settings.

That should make the content area where your products are full width and remove the sidebar.

For the shop page hero, we’ll have to do a bit of editing to make it possible. Here’s what to do:

1. Go to the Appearance section in your WordPress dashboard and choose Edit.
2. From the list of files on your right, choose hero-options.php
3. Replace everything in the file with this:

   
   (Be sure to copy all code directly from the support site and not the notification email).

4. Save your changes and then edit the header.php file. Find this line:

   
   <?php if ( is_page() || is_singular( 'product' ) ) : ?>
   

   and change it to be like this:

   
   <?php if ( is_page() || is_shop() || is_singular( 'product' ) ) : ?>
   

   and save your changes.

That should allow you to have a hero section on your shop page too. Let me know if you need any help.

Thanks,
Bill

[Author]

Posts