Home › Forums › WoodMart support forum › Categories product archive layout

Categories product archive layout

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 31, 2024 at 11:09 am #594089

    yoniiiix1
    Participant

    Hello, I’d like some urgent help. I would like to separate the categories like this on my Product archive page: https://prnt.sc/vsAl2lK42FOW . Is that possible? For example, my product is personalized pet products too, so there are some categories and sub categories. Like collections, number of pets, gender… In the widgets section, I can’t add one category separately from the other in that menu… there’s just the option for all of them to come together: https://prnt.sc/PFWThXvUcaDK

    How can I do it like this?

    Also, is it possible to customize the layout? or do you have other templates?

    August 31, 2024 at 2:24 pm #594126

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to use the Theme’s Layout Builder you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. So, you can use that to create your own custom layouts for these pages.

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

    Best Regards

    August 31, 2024 at 10:15 pm #594185

    yoniiiix1
    Participant

    Hi, you haven’t helped me with my question, which is: how can I organize and place just a few categories in this way on the archive product page? https://prnt.sc/vsAl2lK42FOW

    In the widgets section, I can’t add one category separately from another in that menu… there’s only the option to add them all together: https://prnt.sc/PFWThXvUcaDK

    How can I do it like that?

    September 2, 2024 at 9:47 am #594340

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Navigate to Appearance > Menu > Create categories menu for sidebar and add the the category as you want:
    https://ibb.co/1Zt7LGT

    Then Navigate to Appearance > Widgets > add the navigation menu and select the menu:
    https://ibb.co/5npbn1t

    Best Regards

    September 3, 2024 at 7:22 am #594699

    yoniiiix1
    Participant

    Hello, I’m sorry but I don’t understand. The images didn’t load either, I couldn’t see them.

    September 3, 2024 at 11:44 am #594813

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The Images are working fine. Please check back your site and check the images again.
    https://ibb.co/1Zt7LGT
    https://ibb.co/5npbn1t

    Best Regards

    September 4, 2024 at 10:23 am #595079

    yoniiiix1
    Participant

    I have two questions.

    1 – Is it possible to style the categories like this? https://crownandpaw.com/collections/best-sellers by clicking on the title and opening the categories? How? Could you please help me? If it’s css, which css.

    2 – Another thing, how do I change the colors? On my site, for example, the background of the letters is gray, I’d like to change it… I don’t understand how to do it with html, the tutorial you send is confusing, could it be more didactic? Please.

    Images attached to help

    Attachments:
    You must be logged in to view attached files.
    September 4, 2024 at 2:21 pm #595196

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Navigate to Appearance > Widget > Add the product categories widget in the shop page widget area.
    Please follow this guide: https://xtemos.com/docs-topic/widgets-and-sidebars/

    02. Add this code in Theme Settings > Custom CSS > Global Custom CSS Area.

    .wd-widget.widget.sidebar-widget {
    background-color: #fafafa !important;
}

    Navigate to Theme Settings > Product Archive > Widgets > Shop sidebar widgets collapse > choose “All widgets”.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)