Return to previous page

My filters gets wrong position when top static block is active

This topic has 10 replies, 2 voices, and was last updated 2 years ago ago by Rose Tyler

Vaporizer

Participant

August 31, 2022 at 11:19

https://streamable.com/uayt4q
As seen on the attachment, the dropdown from the filter is dislocated and partially hidden behind the header. And when I disable the static block on the top, the filters location is back on the correct location.

https://skalkur.fo/august/product-category/100/10001/

#332848 Copied Theme version: 8.3

9 Answers
Rose Tyler

Support staff

September 1, 2022 at 12:31
Hello,

According to the fact those blocks were created with an additional plugin we could propose the next solutions only with custom CSS
make max-height of filters
1/
```
.shop-filters .wcf-popover-body .inside-filter {
max-height: 200px;
overflow: auto;
}
```
2/ make the wishlist invisible until the customer will interact with the product (make hover on the product)
```
.add-to-wishlist-before_image:not(:hover) .yith-wcwl-add-to-wishlist {
opacity: 0;
visibility: hidden;
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
transition: all .3s linear;
}
```
Regards
#332957 Copied
Vaporizer

Participant

September 1, 2022 at 17:16

Thanks alot!

When I added this to the live-production site, the mouse over image moved ahead of the filter. See attachment:
https://streamable.com/zpruxb

*I’ve disabled it again on the live site, for obvious reasons.

#333006 Copied

Rose Tyler

Support staff

September 2, 2022 at 06:40

Hello,

Please let us know what browser you use because we do not see the problem in Chrome – https://gyazo.com/6b4a231e29d395e6c66bb26d7d4b8f69

Regards

#333025 Copied

Vaporizer

Participant

September 2, 2022 at 12:18

Thank you.. It’s now on the live site at: https://skalkur.fo/product-category/100/10001/

However, it’s gone on mobile mode. I’ve tried the settings, but can’t seem to find the solution. Is there any code disabling this? Can’t find any.

#333055 Copied

Rose Tyler

Support staff

September 2, 2022 at 12:36

Hello @Vaporizer,

What browser do you use?
“However, it’s gone on mobile mode. I’ve tried the settings, but can’t seem to find the solution. Is there any code disabling this? Can’t find any.” – what exactly do you mean? Sorry, but your request is unclear to me. Please describe in more detail with screenshots.

Regards

#333057 Copied

Vaporizer

Participant

September 2, 2022 at 12:59

Sorry, wrote that in a hurry.

I meant that on mobile size, the top filter is hidden and invisible. I didn’t have this issue og the staging site.

I’ve attached a video, showing the filters are not there on mobile device:
https://streamable.com/1ald1h

#333066 Copied

Rose Tyler

Support staff

September 2, 2022 at 13:18

Hello,

Mentioned top filter was added using a 3rd party plugin, it doesn’t come from our theme, so you need to contact the support of that plugin.

Regards

#333069 Copied

Vaporizer

Participant

September 2, 2022 at 14:49

Thank you.

The main reason I’m asking, is because I can’t seem to get the top filters from the theme back on. For example the dropdown of how many products to show, and the toggle to show the widgets filter?

Shouldn’t it be here somewhere? https://ibb.co/NWvwDb8

#333086 Copied

Rose Tyler

Support staff

September 2, 2022 at 15:08

Hello,

If you want to use our filters, disable 3rd party plugin you currently use, because it can be the reason of problems. Then go to Theme Options > General > Enable Classic Widgets Panel > On; go to Appearance > Widgets > add widgets into Shop filters area.
If you need any further assistance with our filters, provide temporary wp-admin access, so we can take a closer look at your settings.

Regards

#333087 Copied
Tagged: active, best, block, filters, position, selling, static, themes, woocommerce, wrong
Viewing 10 results - 1 through 10 (of 10 total)