Page Sidebar option selected "shop filter"but not showing

Dear Support,

Can you check why I selected Show filter at edit page, but is not showing on the page.

Thank you

Hello,

Your question is not clear enough. Which filter have you enabled? Do you mean this filter? https://xtemos.com/docs/basel/faq-guides-2/how-to-create-filters-form/

If so, please deactivate all the plugins not related to the theme and switch the parent theme, check the issue.

If it is not what you mean, please describe the problem in more detail and provide the screens.

Best Regards

Dear Elise,

I wanted to add filter on top and left sidebar on a category page like the image (filtering.jpg)

Thank you so much.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the correct login URL, when I try to login admin with wp-admin I get to coming soon page.

Best Regards

Hi Elise,

Sorry about that, you can login /wp-admin now.

Thanks

Hello,

You need to enable the top filter in the Theme Settings’ > Shop https://prnt.sc/qcec02

Then you need to add filter widgets into Appearance > Widgets > into the Shop filters https://prnt.sc/qcenkk

In order to show the sidebar, you need to set it in the Theme Settings’ > Shop > Shop page layout https://prnt.sc/qcen9c

Then add filter widgets into Appearance > Widgets > Shop page widget area.

You need to add attributes to the products to filter. You will find more details here https://xtemos.com/docs/basel/attribute-swatches/

Best Regards

Dear Elise,

Thanks again.

1. May I know how do I change the color of the category section on the top and category font into one capital letter and others into lowercase?

2. Is it possible to remove the view products on the category section and change the hover effect to be like default hover setting? (Which is when hover it will only zoom in the image instead of becoming darker and showing the 5 Products text)

Thank you very much.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .title-shop.without-title.title-size-small {
    background:red;
}
body .color-scheme-light .basel-product-categories li a {
    text-transform:none;
}
body .cat-design-alt .hover-mask>a:not(.category-link-overlay) {
display:none;
}
body .cat-design-alt:hover .products-cat-number {
    opacity: 0;
}
body .cat-design-alt:hover .product-category-thumbnail {
    opacity: 1;
}

Best Regards

Dear Elise,

Thanks for the info and great support!

Dear Elise,

Sorry, How do I change the category layout for this page too > https://huashop.com.my/shop-collection/

Thank you so much.

Hello,

The category page inherits the settings which you set for the shopping page. It is not possible to set any different templates for categories, unfortunately

Best Regards

Dear Support,

Thanks for the replied.

Do you mean that we can’t change the product categories like my homepage (shop collection.jpg) on the https://huashop.com.my/shop-collection/?

What I mean is to use below CSS to apply on that page

**************************************************
body .title-shop.without-title.title-size-small {
background:red;
}
body .color-scheme-light .basel-product-categories li a {
text-transform:none;
}
body .cat-design-alt .hover-mask>a:not(.category-link-overlay) {
display:none;
}
body .cat-design-alt:hover .products-cat-number {
opacity: 0;
}
body .cat-design-alt:hover .product-category-thumbnail {
opacity: 1;
}
**************************************************

Thanks A lot!

Attachments:

You must be logged in to view attached files.

Hello,

These styles would be applied to all the pages not to one specific category. Do you want something special for one category?

Best Regards

Dear Elise,

But it is not working on this page > https://huashop.com.my/shop-collection/

Can you check is not changing the style on this page?

Ah no special request on one category, just want this style to apply on above page.

Thanks again.

Hello,

The styles I provided below are for the category page and they are not effective for WP page.

/*Shop Collection*/
body .page-title > .container .entry-title{
text-transform:none;
color:yellow;
}

Is it possible to remove the view products on the category section
It has been already removed. Please provide more details what you want to change on the page
https://gyazo.com/aac1489bacb8f1fc2a59d8355058c29b

Best Regards

Dear Elise,

thanks for the replied.

Sorry for the mistake, I forgot to change the category design type.

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Now the page /shop-collection/ has the view described here Is it possible to remove the view products on the category section and change the hover effect to be like default hover setting? (Which is when hover it will only zoom in the image instead of becoming darker and showing the 5 Products text) https://gyazo.com/a419c7466d3077c2bab1422169106d60

If you want something different, please clarify how you would like the page to look like?

Best Regards

[Author]

Posts