Home › Forums › WoodMart support forum › Filter by Brand

Filter by Brand

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 8, 2024 at 10:48 pm #581929

    PanetiX
    Participant

    Hello,

    I would like to implement a “Filter by Brand” feature on the main shop page, similar to the example shown below:
    Example filter by brand

    Currently, my setup looks like this:
    Current filter by brand

    I would like the brand logos to be displayed, and it would be ideal to have a search field as well. I have configured my widget in the “Shop Site Widget Area” and created my brands as outlined here: https://xtemos.com/docs-topic/product-brands/

    Despite uploading the brand logos under image swatch, the search field and brand images are not appearing. Could you please assist me in resolving this issue?

    Thank you for your support.

    Best regards,
    Patrick S.

    July 9, 2024 at 5:28 pm #582183

    Luke Nielsen
    Member

    Hello,

    I would like to request temporary admin access to the website to take a better look at the issue there.

    Thank you for your time.

    Kind Regards

    July 9, 2024 at 6:22 pm #582194

    PanetiX
    Participant

    Hello,

    you can see the temporary login-information in the mod. section 🙂

    It’s not really a issue i think. I just want to have this layout with search and the logos in the filter.

    Thank you!

    • This reply was modified 2 years, 2 months ago by PanetiX.
    July 9, 2024 at 10:32 pm #582214

    PanetiX
    Participant

    @luke how long you need this temporary access?

    July 10, 2024 at 11:52 am #582347

    Luke Nielsen
    Member

    Hello,

    Use our “Woodmart WooCommerce Layered Nav” widget – https://prnt.sc/wC_Ap1NrWMja, then for the attributes define an image in its settings – https://prnt.sc/1PAPYAc9e0xQ. Then check how it works.

    Kind Regards

    July 10, 2024 at 12:02 pm #582350

    PanetiX
    Participant

    Thanks, this worked for me 🙂

    Is there a way to make the wohle widget looks better as the template? 😀
    The Dividing line are not beautiful :/ how to remove them?

    • This reply was modified 2 years, 2 months ago by PanetiX.
    • This reply was modified 2 years, 2 months ago by PanetiX.
    • This reply was modified 2 years, 2 months ago by PanetiX.
    July 11, 2024 at 2:11 pm #582676

    Luke Nielsen
    Member

    Hello,

    Please clarify how you would like it to look better.

    As for the dividers, use the code below to disable them:

    .archive .widget.sidebar-widget {
    border-bottom: none;
}

    Define the code in Theme Settings -> Custom CSS.

    Kind Regards

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