[Support request] Modify to Woocommerce Shop Template

[Luca]

Hi, how can I make changes to the template of the Woocommerce Shop page?

[David]

Hi there,

that depends on what changes you look to make.
Can you explain what you’re trying to do ?

[Luca]

I want to restyling adding other blocks, for example for images and text.

[David]

So the extra images and text – will this be before the Shop grid ( list of products ) ?

[Luca]

Yes, but after too…

[David]

OK.

Two options:

Option 1 – Using Block Elements:

https://docs.generatepress.com/article/block-element-hook/

The Block Element – Hook will allow you to add content before and after the loop.

You can use the after_header and before_footer hooks for full width content.

Option 2 – Edit the shop page.

1. DO NOT set the Shop page in the Woocommerce Settings.
2. Create a blank page titled shop or whatever you need.
3. Build whatever content you require in the block editor, and use the [products] shortcode to display list of products.
4. Save it.

As long as you DO NOT set the shop page in Woo settings then you can edit that page however you want.

[Luca]

Thanks so much. I tried the first option without success, I wronged something.
Now I’ll used second option.
Thanks.

[David]

Let us know how you get on 🙂

[Author]

Posts