Categories product archive layout

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?

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

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?

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

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

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

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.

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