Home › Forums › WoodMart support forum › SHOP PAGE SET UP

SHOP PAGE SET UP

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 23, 2018 at 2:07 pm #35005

    gilesp
    Participant

    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

    January 23, 2018 at 2:34 pm #35010

    Artem Temos
    Keymaster

    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

    January 23, 2018 at 2:54 pm #35015

    gilesp
    Participant

    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.

    January 23, 2018 at 2:57 pm #35016

    gilesp
    Participant

    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.
    January 23, 2018 at 3:18 pm #35026

    Artem Temos
    Keymaster

    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.

    January 23, 2018 at 3:24 pm #35030

    gilesp
    Participant

    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/

    January 23, 2018 at 3:52 pm #35036

    Artem Temos
    Keymaster

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

    January 24, 2018 at 3:40 pm #35206

    gilesp
    Participant

    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

    January 24, 2018 at 3:47 pm #35207

    gilesp
    Participant

    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?

    January 24, 2018 at 3:54 pm #35208

    Artem Temos
    Keymaster

    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
Viewing 10 posts - 1 through 10 (of 10 total)