Control the layout page and sidebar
-
Hi,
1. I tried to create the layout for product archive, but during editing the product category, don’t know how to make the category into sub-categories instead of all the categories showed up.
2. Sencondly, I also don’t know how to set the “default sort” dropdown into only one line without the frame.
3. How to narrow the gap between each filter in the sidebar?
4. I created a page with newin, tried to set the sidebar in the elementor, but it seems can’t show up.
Looking forward to your kindly help.
Best regards
Cathy
Attachments:
You must be
logged in to view attached files.
Hello,
01. To display only specific product categories (and structure them as sub-categories instead of showing all categories), you need to adjust the settings of the Product Categories widget in your archive layout.
Open your Archive Layout > Edit the Product Categories widgetSelect Custom query >Manually choose only the categories you want to display (including sub-categories if needed)
https://postimg.cc/0KK018LG
02. I have checked your site and the sorting drop down is already showing in one line.
https://postimg.cc/t171Mr0r
03. Try to add following custom css code in Theme Settings > Custom CSS.
.widget {
margin-bottom: 15px;
padding-bottom: 15px;
}
.widget :is(ul, ol) {
--li-mb: 8px;
}
04. Edit the page with Elementor > Click on the Page Settings in the Top-left corner and choose the sidebar: https://postimg.cc/7bjqrp5f
You can read our detailed documentation for further help: https://xtemos.com/docs/woodmart/options-for-pages/
Best Regards
Hi,
Thanks very much for your prompt reply.
I’d like to make the ” sort default” dropdown input in the archive page into the border = 0px, how to achieve it?
Thanks very much
Best regards
Cathy
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS.
/* Remove border from sorting dropdown */
.woocommerce-ordering.wd-style-underline select {
border-bottom: none !important;
}
Best Regards
.
