Home › Forums › WoodMart support forum › menu in product catalog widget

menu in product catalog widget

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 7, 2024 at 5:50 pm #610561

    edgarskairans
    Participant

    Hello,

    Please tell me how to add specific menus to specific categories (sidebar-widget). I know how to add a menu, but this menu will show up in all catalog menus, and I need it only in one.

    Thanks
    Best Regards

    Attachments:
    You must be logged in to view attached files.
    November 7, 2024 at 6:04 pm #610570

    edgarskairans
    Participant

    Or maybe there are other ways to implement switching between categories. I added photos as examples (it should not be possible to select two categories at the same time).

    Thanks
    Best Regards

    Attachments:
    You must be logged in to view attached files.
    November 8, 2024 at 10:31 am #610668

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to create a custom sidebar and add the widgets.
    https://xtemos.com/docs-topic/sidebars/

    Then, try to use the Theme’s Layout Builder. You can create Custom Layouts for WooCommerce pages like Shop, Category. So, you can use that to create your own custom layouts for specific categories and choose the sidebar.

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

    Best Regards

    November 8, 2024 at 4:20 pm #610822

    edgarskairans
    Participant

    Hello,

    Thank you, this helped, but unfortunately, I encountered an issue: the active category is not highlighted in the sidebar menu, making it unclear to the client which category they are in.

    Thanks
    Best Regards

    Attachments:
    You must be logged in to view attached files.
    November 9, 2024 at 8:50 am #610963

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share the page URL so I will check and give you a possible solution?

    Best Regards

    November 11, 2024 at 10:41 am #611179

    edgarskairans
    Participant

    Hello,

    + info

    Thanks
    Best Regards

    November 11, 2024 at 2:09 pm #611278

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

    .widget li.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat.current-menu-item {
    background-color: #dfdfe8 !important;
}

    Best Regards

    November 11, 2024 at 3:49 pm #611314

    edgarskairans
    Participant

    Hello,

    Thank you, this helped. How can I make the menu in the header underline the same item as the menu in the catalog under the title? Alternatively, I would like the header menu to underline the parent category selected in the menu under the category title.

    Thanks
    Best Regards

    Attachments:
    You must be logged in to view attached files.
    November 11, 2024 at 4:10 pm #611330

    edgarskairans
    Participant

    ————“Try to create a custom sidebar and add the widgets.
    https://xtemos.com/docs-topic/sidebars/

    Then, try to use the Theme’s Layout Builder. You can create Custom Layouts for WooCommerce pages like Shop, Category. So, you can use that to create your own custom layouts for specific categories and choose the sidebar.

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/”————

    Hello,

    Could you please advise on an alternative way to implement this? I will have quite a few categories where the sidebar will have a menu with two options: “collections” and “products.” Creating a separate layout for each category would be very challenging, and I suspect it might impact optimization.

    Thanks
    Best Regards

    November 12, 2024 at 8:54 am #611492

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

    .widget li.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat.current-menu-item {
    text-decoration: underline;
    text-decoration-color: #09d409;
}

    02. Unfortunately, there isn’t another way to make that available within the theme settings.

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)