Home › Forums › WoodMart support forum › Style issues with product filter in shop page

Style issues with product filter in shop page

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 3, 2022 at 7:35 pm #410104

    metuza
    Participant

    Hello,

    Have a look at the product filter at this page https://www.villmarksbua.no/butikk/
    Just scroll down to the breadcrumb etc. Then click the right Filtre option and view the brand dropdown (Varemerke). Then you will see some extra text and brand images on top of each other.

    Brgds
    Rune

    October 4, 2022 at 3:15 am #410166

    Elise Noromit
    Member

    Hello,

    I cannot find the Varemerke in the sidebar. I see in the menu. It seems this is a common page. Woocommerce filters work only on the shop and product category pages.

    Best Regards

    October 4, 2022 at 9:53 am #410231

    metuza
    Participant

    Hello,

    It is not located in the sidebar. It is the custom product filter setup in woodmart settings and html blocks. You can see it just above the main product loop. Have a look at the attached image.

    Brgds
    Rune

    Attachments:
    You must be logged in to view attached files.
    October 4, 2022 at 10:07 am #410241

    metuza
    Participant

    Ok, i have found the issue. Woodmart does not load the necessary CSS and JS unless there is a Layered Nav widget in the sidebar. I just did a test, added the layered nav widget to the sidebar then the custom product filter was looking just great. So i guess you have to make a fix for this as i am not using layered nav widgets in sidebar.

    Brgds
    Rune

    October 5, 2022 at 3:24 am #410749

    Elise Noromit
    Member

    Hello,

    WoodMart has its own widgets to ensure this view.

    If you have any questions please feel free to contact us.

    Best Regards

    October 5, 2022 at 9:57 am #410815

    metuza
    Participant

    Yes, it is woodmarts own widgets. Activated from woodmart settings and using html blocks.
    All following woodmart documentation. But as mentioned when done this way the necessary CSS and JS is not loaded.

    Take a look at the attached images.

    Brgds
    Rune

    Attachments:
    You must be logged in to view attached files.
    October 6, 2022 at 6:15 pm #411424

    Elise Noromit
    Member

    Hello,

    Our developers have fixed the issue. Please check. This fix will be added to the new update.

    If you have any questions please feel free to contact us.

    Best Regards

    October 6, 2022 at 8:55 pm #411460

    metuza
    Participant

    Hello,

    Yes it looks better but the brand images width and height is not correct so images are cropped. My old website at http://www.arctic-fritid.no had it all correct because it uses the layered nav widgets in sidebar, but now with the latest update images does not fit.

    Brgds
    Rune

    October 6, 2022 at 10:16 pm #411467

    metuza
    Participant

    I have now fixed the image issue using the below CSS:

    .wd-product-filters .wd-pf-attributes .wd-swatch :is(img, picture) {
    object-fit: contain;
    }

    Brgds
    Rune

    October 7, 2022 at 3:43 am #411526

    Elise Noromit
    Member

    Hello,

    We are glad you have solved the issue.

    If you have any questions please feel free to contact us.

    Best Regards

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

The topic ‘Style issues with product filter in shop page’ is closed to new replies.