Archived topic

Off canvas panel and WooCommerce widgets

7 replies · Started by Stephan on March 10, 2023

Viewing posts 1–8 of 8

March 10, 2023 at 7:06 am #2562920

Hey,

I am using the "niche" theme and in the off canvas panel I replaced the old WooCommerce price sorting widget by the newer one. But his behaves strangely: when touched it expands in width. I tried to make the off canvas wider like here, but the behavior stays. Any way to just make it fix using the current max width? In addition: would it be possible to show the prices above the slider and not under it?

I also use the sort by attribute widget. Is it somehow possible to only show those attributes, that are relevant for the products on the current site? I know that is more a WooCommerce thing, maybe you know some good plugin for this?

Thanks a lot!

March 10, 2023 at 9:48 am #2563248

Hi there,

can i see your site where the issue with the widget can be seen ?

March 10, 2023 at 11:45 am #2563411

Sure, I sent you the link.

March 11, 2023 at 5:18 am #2563892

Try adding this CSS:

#generate-slideout-menu aside {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

March 11, 2023 at 6:03 am #2563916

That worked perfectly, thank you!

Is it possible to show the price above the slider?

March 11, 2023 at 7:32 am #2563991

Try this:

.slideout-widget .wc-block-price-filter {
    display: flex;
    flex-direction: column;
}
.slideout-widget .wc-block-price-filter > div {
        margin: 15px 0;
}
.slideout-widget  .wc-block-price-filter__range-text {
    order: -1;
}

March 11, 2023 at 8:17 am #2564147

Thank you David. Much appreciated!

March 12, 2023 at 2:33 am #2564658

You're welcome

This archived topic is closed to new replies.

Start building better websites today.