SHOP PAGE SET UP

Hi – how do I set up a shop page like this one on the demo? https://woodmart.xtemos.com/shop/?opt=only_categories

Thanks, Giles

Hi,

If you want to display categories on your shop page you can enable this option in WooCommerce -> Settings -> Products -> Display. Sidebar can be turned off in Theme Settings -> Shop -> Sidebar & page title.
Could you please specify what exactly do you want to set up it there also?

Regards

Thanks – I wanted to have just images for each category so I guess I need to add these images first so they will show up.

Also, can you tell me how to display the price so it doesn’t overlap like this – see attached.

And also how I can remove the products from the nav menu on the left and add colours, sized, etc.

And is there any way to improve the shop menu nav menu?

Attachments:

You must be logged in to view attached files.

Change the categories widget colors with the following CSS code

.widget_product_categories {
	background: #09aa23;
	padding: 30px;
}

.widget_product_categories .product-categories li a,
.widget_product_categories .widget-title {
	color: white;
}

Products hover style can be changed in Theme Settings -> Shop -> Products & categories style -> Hover on products.

thanks. i’ll take a look.

I want the products to show basic info and price like https://woodmart.xtemos.com/product-category/lighting/ – do I need to have a set size for images to make it look like this? I wasn’t sure why the price is overlapping on my version https://www.web-design-hosting-surrey.co.uk/prime-factors-motorcycles/product-category/motorbikes/indian/

As we mentioned, products hover style can be changed in Theme Settings -> Shop -> Products & categories style -> Hover on products.

hi … how can I get the image and price so they don’t overlap – can you please do this for me as I can’t see an option … tbanks

Just to clarify, I want the page to look like this with the product details underneath the main image https://woodmart.xtemos.com/product-category/accessories/

You can on mine the photo and price is overlapped. How do I fix this?

But we already answered your question a few times. You need to change the hover effect for the product page in Theme Settings -> Shop -> Products & categories style -> Hover on products.

[Author]

Posts