Show SHOP filters on mobile

Hi there,

Are you please able to let us know how we can show the Shop Filters on mobile please as well?

On the page listed in the private content area.

Thank you!

Hello,

Please Go to Theme Settings >> Products Archive >> Sidebar and enable the offcanvas sidebar for mobile.

Screenshot for Clarification: https://gyazo.com/1d52f73b3185cd82ab6f3b2eff231524

Best Regards

Hello,

I just checked but that option was already enabled.

Are you please able to check why some elements on the shop page suddenly look very weird?

For example the colour attributes and the Filter by colour on the side look very weird.

Thank you!

Please, update the theme to the latest version 6.3.2. Then, go to WoodMart -> Patcher and apply the patch 359655.

Kind Regards

Hi there,

Thank you so much, looks like the Shop filters look okay now, however there is still a problem with the way the colours are shown on the shop page. Please check screenshot attached.

Page:

https://mgconcept.cidevconcept.com/shop/

Attachments:

You must be logged in to view attached files.

Hello,

You need to add Styles always load – “WooCommerce mod product swatches” in the Theme Settings > Performance > CSS. https://prnt.sc/tC23jIfF5NM4

We will fix this in our nearest update.

Best Regards

Hi!

Yesss, that’s great! Thank you!

One more question and we’ll leave you alone 🙂

Do you know why on the Shop Page, on the left, where the filters are, they don’t show all the swatches? For example, there should be more colours to be shown and also under wood type, there should also be Beech.

The client said that it was working fine maybe 3 or 4 days ago, then we don’t know what happened and most attributes disappeared from the Shop Filters.

We would kindly thank you if you could help.

Attachments:

You must be logged in to view attached files.

Try to go to WooCommerce -> Status -> Tools and regenerate product lookup tables.

We did that but unfortunately we see no changes. Is there anything else we could try?

In this case, could you please check how it works with the default WordPress theme to see if it is caused by WoodMart or not?

Hello again,

Do you suggest switching to a default WordPress theme temporarily and check the Shop Filters with that theme?

Or what specifically are you suggesting?

Thank you!

Yes, check this to see if it is caused by WoodMart or not. It must be a WooCommerce issue.

Hi there,

I installed a WordPress default theme and obviously now everything looks scrambled. If I go to the shop page here:

https://mgconcept.cidevconcept.com/shop/

I am unable to locate the shop filters.

What do I need to do next?

Try to install the WooCommerce Storefront theme instead. Then, go to Appearance -> Widgets and put your filter widgets to the shop page sidebar. Then you will be able to see if it works by default or not.

Hello,

I’m afraid I don’t know where to find the Shop Page Sidebar, I could only find a Sidebar Widgets area but it doesn’t show up on the Shop Page.

Attachments:

You must be logged in to view attached files.

Yes, it is a correct sidebar and already displayed on your shop page. So you can test how WooCommerce filters work https://gyazo.com/7248e06df946520fac9949ce3a3fb1dd

Hi again,

Yes, I can see the sidebar now displaying on the shop page however it does not “fetch” all the data. Please see screenshot attached.

Attachments:

You must be logged in to view attached files.

What does this mean and what would be the next step, please?

Do you mean that when you switch to the default theme the problem persists? It seems to be a WooCommerce issue.
WooCommerce already has this issue reported on their Github https://github.com/woocommerce/woocommerce/issues/32065

Hi there,

After many tickets with Automattic (WooCommerce department), it looks like they were able to help and now all the attributes look ok on this page:

https://mgconcept.cidevconcept.com/shop/

However we noticed that we are now back to issue number one which is that the Shop Filters are not visible on mobile devices, even if the Off Canvas option is still enabled in the Theme Options.

What else can be done about this? We need to launch this website today.

Thank you!

Hello,

We see that you have some custom CSS added that hides this button completely. Please, remove this code to make it work correctly.

Kind Regards

Hi there,

Thanks a lot, problem solved!

You are welcome! Feel free to contact us if you have any further questions.

[Author]

Posts