Home › Forums › WoodMart support forum › small categories Menu

small categories Menu

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 19, 2019 at 5:24 am #157675

    proloy
    Participant

    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..

    November 19, 2019 at 9:21 am #157735

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 22, 2019 at 9:31 am #158354

    proloy
    Participant

    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.

    November 22, 2019 at 10:47 am #158371

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 22, 2019 at 11:03 am #158377

    proloy
    Participant

    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.

    November 22, 2019 at 1:15 pm #158403

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 22, 2019 at 1:43 pm #158414

    proloy
    Participant

    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.

    November 22, 2019 at 2:27 pm #158430

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 23, 2019 at 1:51 pm #158544

    proloy
    Participant

    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.

    November 25, 2019 at 5:57 am #158734

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 25, 2019 at 8:08 am #158761

    proloy
    Participant

    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.
    November 25, 2019 at 10:35 am #158806

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 12 posts - 1 through 12 (of 12 total)