• Priority: Medium
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 28.04.22, 14:20
  • Opened by: Francisco Bernal

Ticket #23306 - Category filter

Hi, the filter on the category page is not working properly, it has been looked at and fixed, but it fails a lot. We have been modifying the module and more to test it and it doesn’t work at all. I don’t know what solution you gave it before, but it doesn’t work.

category page: https://dev.dreamingkamahaus.es/es/colchones

Comments

Fred 29 Apr 2022, 10:54

Hi, Francisco.
The issue appears because of two copies of "filter" and "products" widgets at the same page.

Francisco Bernal 29 Apr 2022, 12:24

Good, we have removed one to test what you say, and on the computer it works correctly but on the mobile it does not show anything. I have left it with only one filter for you to look at it.

Francisco Bernal 29 Apr 2022, 14:30

we have two copies because in the mobile version we need to see a column, so if you only put a few you put the same columns for mobile and computer and it does not look good on the mobile.

Fred 30 Apr 2022, 09:54

The right way is to change the view using CSS For example this code

@media(max-width:768px) {
.pk-productfilter-pk-horizontal #search_filters .facet {width:100% !important}
}
Francisco Bernal 03 May 2022, 10:45

Hello, we have tried the solution that you have told us and it has not worked, I'll show you the desktop and mobile screenshots, clearly you can see that in the mobile version there is no filter and also in the mobile version we have all the columns and we only want one, that's why we had made two equal blocks limiting the mobile one to one column.
We hope to solve it as soon as possible because we have to upload the web, thank you very much.

Translated with www.DeepL.com/Translator (free version)

Attachments:

filtro2.JPG (59 KiB)
filtro1.JPG (139.1 KiB)
Fred 03 May 2022, 11:17
Francisco Bernal 03 May 2022, 11:47

ok, now the filter works and is in a column, but when I enter the categories page the filter should be closed and if I give it should be deployed, also now the button does not work, neither closes it nor deploy it, I would like that every time you enter this closed and if you want the filters you give the button.

Fred 04 May 2022, 11:25

use the following CSS to invert the behavior of filter columns for mobile

@media (max-width:768px) {
body .module-title .collapsed .svgic-updown > path:last-child,
body .module-title .svgic-updown > path:first-child {
    display:block
}
body .module-title .svgic-updown > path:last-child,
body .module-title .collapsed .svgic-updown > path:first-child {
    display:none
}
body #search_filters .facet .collapse {
    display:block
}
body #search_filters .facet .collapse.in {
    display:none
}
}
Francisco Bernal 04 May 2022, 14:03

Good, it still doesn't work because I only want to see the filter button, not the filter titles.

Fred 05 May 2022, 10:20

Just use this option - https://take.ms/PM24p