small categories Menu

I like to create same page like below for categories page: https://woodmart.xtemos.com/shop/demo/retail-2/?opt=small_categories

1. Category Menu with hover effect.
2. Filter Style.

plz advice..

Hello,

First of all thanks for choosing our Theme, we are glad to be you in WoodMart WordPress family :-).

To have the menu in your shop page with hover effect. You need to use a menu in your header builder and then from the shop page you can use that specific header.

Screenshot for clarification: https://jmp.sh/hqtlluj

The filter in your sidebar looking just fine. If you want to display the price filter then use the Price Filter widget in shop page widget area from Appearance >> Widgets.

Best Regards.

I have create a menu form header builder, but unable to create hover effect.

My Custom Menu is: http://pharmaprobd.com/analytical-machines-chemical-apparatus/

plz advice.

Thanks.

Hello,

Actually that hover effect only available for the shop page categories. You can not use that hover effect on other menu items or information boxes.

You can check the screenshot for clarification: https://jmp.sh/JmLuwUe

So you can set black background for your shop page and the hover will shown same as demo. As currently you have hover effect of blue color in shop page categories. So you can change to green or some other color if you want the same look as demo.

Best Regards.

ok,
I have create Category page: http://pharmaprobd.com/raw-materials/
But don’t know how i got this page: http://pharmaprobd.com/product-category/raw-materials/
Unfortunately i am looking for the exactly same page for my each category.
Now, how can i edit this page? and i like to disable those menu which is not related with this Category.

Hello,

The first page which you shared is not a category page it is just a WordPress custom page. If you want to display all the category pages like this one: http://pharmaprobd.com/product-category/raw-materials/

Then do not check your WordPress custom pages after adding product category element. You need to check the category pages from their actual link which are all shown in the page title header or in the sidebar.

Screenshot: https://jmp.sh/62TIa3I

If you want to disable those irrelevant categories name which shown in the category page title section. You need to enable the “Show current category ancestors” option from Theme Settings >> Shop >> SIDEBAR & PAGE TITLE.

Screenshot for clarification: https://jmp.sh/mcjnTgK

Best Regards.

Dear,
Works like charms, now i need to set multiple filters from each category and most of the filters are different. So where i can edit side bar?

Thanks.

Hello,

You can edit your sidebar widgets which shown in your shop or category pages from Appearance >> Widgets >> Shop page widget area.

If you want to display different filters in different category pages then you can use “WooCommerce Layered Nav” widget. It will allow you to display that specific attribute filter in some specific category page.

Screenshot: https://jmp.sh/SmrPUEL

Also follow the below documentation for in depth guidance: https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards.

Hello,
I am almost done, and thanks for you support.
I have last quarry,

can i add promo banner and header overlap for each category page?

Thanks.

Most Welcome,

To add promo banner you need to enable promo popup from Theme Settings >> Shop >> Promo Popup >> Enable promo popup.

Screenshot: https://jmp.sh/75Rdiu6

But this promo popup will not overlap on category pages because it automatically shown when someone visits your site. So if you want to use promo popup in your shop category page. Then you can use a class “woodmart-open-newsletter” in your menu item. So when someone clicks on it then that menu item then popup will be shown on that specific page.

Screenshot: https://jmp.sh/f1wlykj

For the sticky header you can make header sticky from row settings, from WoodMart >> Header Builder: https://jmp.sh/Nl4NeNg

And then select this header for “Custom header for this page” from your shop page so this sticky header will overlap on the category pages: https://jmp.sh/67yOPmV

Best Regards.

Hello,
Got my answer for header overlap. but not clear about promo banner.
Plz check the attachment, i like to do this for each category page.

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

To display a banner before the products inside your category pages. You need to create an html block and use an image inside that html block.

Screenshot for clarification: https://jmp.sh/BpjZb1p

Then copy the shortcode of that html block and paste on those categories description where you want that banner to display from Products >> Categories.

Screenshot: https://jmp.sh/DIDsdCc

Result: https://jmp.sh/SH4gyC2

Best Regards.

[Author]

Posts