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 Pro and Storefront Pro plugins.



Now with Pagebuilder Pro we’ve included some beautiful Storefront Templates for WooCommerce. Click here to see a live demo of the WooCommerce Storefront pre built templates.

Here’s a video that shows you how they work.

23 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. Hello, how i can remove the footer colunns ? i only need one

  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.

      2. Hi Jamie, sorry to barge in here but I am having a similar issue. Production site OK, staging site says I need to activate??

  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?

  7. First of all: nice plugin! I really like using it.
    Is there a way to make the blocks from the “Triple Trouble” Pootle Cloud template to become links? I can make the text inside each block to behave as a link, but I would like to make the whole block to be a link, is this possible?
    Thanks in advance!

  8. how to download Pootle Pagebuilder free version?

Leave a Reply

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