Custom Category Page with Filters

Hi,

I’m new to Woodmart theme and i’ve some doubts about how to custom Category pages. First, i’ve import “Handmade” template and elementor editor. So, i’ve the current category page: https://ibb.co/c8ntyMz.

What i want to is to remove the categories in the header and also in the left of the page, and put a custom filter like this in desktop: https://ibb.co/mvBSJDt and like this in mobile replacing the text “Show siderbar” for “Filters”: https://ibb.co/BPGsBLD.

The thing is i can’t find the way to do this and i don’t know if this is for the template i’ve choose, should i change it? In that case, i’ve been working in the Home page and other stuff, this will be lost or i can change the template and save all that i’ve being working on?

Thanks!

Hello,

In order to remove the categories from the shop page title (header) please find the option in the Theme Settings > Shop page > Sidebar and title. You will find the option to activate or deactivate the sidebar on the shop page.

In order to remove the categories on the left, please remove the Product category widget from the Shop page widget area in Appearance > Widgets.

Then you can add all the filter widgets: Price widget and WOODMART WooCommerce Layered Nav https://xtemos.com/docs/woodmart/widgets/

text “Show siderbar” for “Filters”

You can translate/rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

Please check the video tutorial to see how to save the translation file correctly. You can remove the plugin and translations would remain. Also, translations would remain after each theme update.

Please feel free to contact us if you have any questions on any options of the theme.

Best Regards

Hi Elise, thank you so much for the quick answer! Everything looks great now.So happy with Woodmart theme and also with the support in this forum.

Just two more questions (sorry if this is not the right place to put them):
1- I want to remove the hover effect in the Product Categories element: https://ibb.co/yW9fyzz
2- I want to remove the hover effect in the text of “apply coupon” in the cart: https://ibb.co/47KQnhs

Thanks!

Hello,

Sorry for the delay. Please provide your site admin access and page URL with the categories.

Best Regards

Hi Elise, how are you?

Here in the private content you’ll find the access to the website.

The hover effect in the Product Categories Element is in the Home page (Home Handmade) and the other hover effect is in the checkout page.

Thanks

Hello,

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

body .category-grid-item:hover .category-image {
    -webkit-transform: none;
    transform: none;
}

and

body .woocommerce .cart-actions .coupon .button:hover {
    color: blue;
}

Best Regards

Hi Elise,

Excellent! This was really useful.

I’ve only one more issue with my site: i’ve been working on the Handmade template that have the following Add to cart Sidebar: https://ibb.co/GxCB49m.

But for some reason, my add to cart sidebar has no css style as you can see here: https://ibb.co/t8fnSp0

How can i solve this? Just in case i leave you the access below.

Thanks!

Hello,

Please disable the shopping cart in the Elementor > Integration.

Best Regards

Elise,

Thanks again for the quick answer! Everything is fine now!

Cheers!

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

Thank you in advance

[Author]

Posts