How to add a side menu to the shop page in Woo Commerce

Support
#1

How can I make this
https://www.artfibredesign.com/shop/

Like this?

i.e. a side bar that filters the shop items

#2

Hi There,

Please follow these steps:

  1. Change your shop layout to Use Global Content Layout under Theme Options > WooCommerce: https://imgur.com/WYRd6tb

  2. After that create a sidebar for your shop page under Appearance > Sidebars: https://imgur.com/a/ET9ybwm

  3. Then add the product categories widget to your shop sidebar under Appearance > Widgets: https://imgur.com/a/unq2Saf

Hope it helps :slight_smile:

#3

Yes that excellent Thai. That’s was just what I just did so I am glad you confirmed it.

If I wanted to add a product in one of the pages how would I do that.
Here is one I did where I added an image and link to the product page
https://www.artfibredesign.com/kawatiri-collection/

Is there another way to add products to pages? Like a shop with just the kawatiri collection? :thinking:

#4

Just set up Essential Grid. I think I will use that.

#5

Hi There,

Woocommerce has the product shortcodes: https://docs.woocommerce.com/document/woocommerce-shortcodes/#section-6

You can add them to your page.

Regards!

#6

Oh cool. Thanks! :sunglasses:

#7

You’re welcome!

#8

I dont know how I managed to do this but the sidebar had gone to the bottom of the page
https://www.artfibredesign.com/shop/

#9

Hi,

It seems to be showing up fine on my end.

Try to clear your browser cache and check again.

Thanks

#10

Oh I had the page size at 110% :rofl:

Thanks for checking

#11

Glad everything is working fine now.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.