Filters from shop page disappeared

Hello,

suddenly filters from shop page and product categories disappeared.

I have done the following:
1) check woodmart settings
2) check custom product archive layout
3) regenerate product lookup tables
4) cleared cache
5) cleared cloudflare
6) checked widgets
7) no new plugin was installed
8)eshop is fully updated

still not working

i attach login credentials to solve it as soon as possible

thank you

Hi [email protected],

Thanks for reaching to us.

I disabled Custom Product Archive layout https://prnt.sc/8fiwxQJTjp5T and it worked again, please rebuild it again to see if it works.

Also, if you are going to use Shop filters above products area, please add Filter widgets to Shop filters area https://prnt.sc/UcxhH0RyWHCJ

Regards,

I would like to help me to make it work in the custom product layout.

I cannot build it from scratch, because i have also made css correction.

please help me work with that

i have an update.
the icon i use for filter was hidden by css.
the icon is shown now.

but the problem is that despite the fact i have the right settings, it is shown to the top-left of the archive pages

it must be sticky to the middle of the archive pages.

can you help me with that?

https://prnt.sc/JNibymhkvZ5k

Hi [email protected],

I reconfigured the Shop layout and filters are showing.

Please check again.

Regards,

Hello again,

this was not what i needed. I roll back the product achive layout as it was.

what i need is to move the top left filter icon to the middle of the page, and of course to be operational. i will explain it to the link below

https://prnt.sc/i3GXD9HIO5Fn

After fixing it, please check it from a cell phone too

thank you in advance

[Hung Pham]

Hi [email protected],

Please try to add the following Custom CSS code to Theme Settings > Custom CSS > Desktop CSS:

.custom-filters .wpb_wrapper > .wd-enabled-width {
   position: absolute;
   top: 5%;
   left: 0;
   z-index: 999999;
}

Regards,

• This reply was modified 11 months ago by Hung Pham.

this worked.

one more thing. i have made it sticky. it does not work as sticky.

can you help me fix this?

thank you

in mobile and tablet does not work.

it flashes and disappears. can you check it?

Hi [email protected],

Please add above Custom Code to Global CSS section. Add the following Custom CSS code to Theme Settings > Custom CSS > Mobile / Tablet CSS sections:

.custom-filters .wpb_wrapper > .wd-enabled-width {
   top: 1%;
}

Regards,

i did not add your code. i have the following problems.

1) in desktop i added the following css in desktop

.custom-filters .wpb_wrapper > .wd-enabled-width {
position: fixed;
top: 40%;
z-index: 999999;
}

The result is that the button is in the right position and sticky, but it is transparent

2) in mobile i have not added any code. the result is that when i open the hop page the icon of the filters is stuck in the up left corner next to logo. see image

https://prnt.sc/RTWgT11mOKYp

when i scroll, the filter icon seems fine and sticky. see picture.

https://prnt.sc/XRPPgZ6Z4oHy

Hi [email protected],

Thanks for your patience.

You need to put this Custom CSS code to Global CSS section instead https://prnt.sc/_fRStdGaN98L

Please check your site on mobile again.

Regards,

[Author]

Posts