How to change the layout of your WooCommerce Storefront Theme home page

The WooCommerce Storefront theme comes with a home page template that automatically brings your products into a page. It’s great because it’s automated, however the downside is that you are then stuck with the order and layout of the page.

In my view there is a better way for store owners to build a WooCommerce Storefront home page. In the tutorial below I show you how to get 100% control over the layout of your home page.

If you have any questions, please feel free to leave a comment below,

note: the demo website in the tutorial below uses our Pootle Pagebuilder and Storefront Pro plugins.

19 thoughts on “How to change the layout of your WooCommerce Storefront Theme home page

  1. When I try and add products, it tells me there is an addon for Woocommerce, then gives me the error:

    Sorry, you are not allowed to access this page.

    1. Hi Robert,

      That’s now part of Pootle Pagebuilder Pro,

      Kind regards,

      1. Dear Jamie, I just bought the Pootle Pagebuilder (Premium), I have installed it successfully.
        But this option still is not working? I still get the error. What to do?
        Am I doing something wrong?
        I got this plugin just for to display products on the main page.
        Hope to hear from you as soon as possible!
        Greetings, Tiffany

        1. Hi Tiffany,

          Could you raise a support ticket with login details to your site and we’ll take a look for you :)

          Here’s the link

          many thanks

          1. ok !

  2. how to make this page appear on the homepage.

    1. Hi, just go to settings / reading

      and set it as your front page ;)

  3. So we cannot add products without Pro version?

    That’s absurd that we have to find that out after hours of installing and building… major turnoff to this product and company.

    1. Hi Tom,

      Yes you can by just adding WooCommerce shortcodes into rows

      The pro version gives more control however

      Hope that makes sense,


    2. Hardly absurd, they guy has to make a living!

      1. Thanks Alex :)

        And I have three growing daughters to feed,


  4. Hi Jamie, I have the pro version for my own website but I can’t seem to use it on my staging site to trial a new shop. Do I need a licence for the staging site even though it won’t be published? I can’t seem to activate the free version on my staging site because it thinks I have a pro account so its all getting a bit circular!

    Any help would be gratefully received. Laura

    1. Hi Laura,

      You should be able to use 1 licence on 1 production site and 1 development site, but it sounds like you may have a glitch.

      Even though it hasn’t activated it should still work however,

      If not, could you raise a support ticket with login details

      Many thanks,

      1. Thanks for the speedy response.

  5. Hi Jamie, I am not sure if I have the correct place for my question. I have storefront for my collegiate business. I love it, but am not sure how to manage the front page. For example, I just want to list schools names ( not too large) and a small picture for each school and a link to the page of their respective products. Also, I did not want the “new in” and “best sellers.” Can you please help me. Thank you so much, Bebe in Marietta, Ga.

  6. Heyo!

    Installing this plug-in and then using the edit function doesn’t show the same layout of adding rows like yours does. Did i miss a step after installing and activating the plugin?

    1. Hi Jamie

      Did you create a new pagebuilder page to start with?


      1. No i missed that part. I’m just trying to edit the static homepage. The product sections in there do not apply so trying to re-create the sections with relevant headers and sort the products accordingly.

      2. No i missed that part– i didnt see that in the video?

Leave a Reply

Your email address will not be published. Required fields are marked *