Show SHOP filters on mobile

This topic has 23 replies, 3 voices, and was last updated 2 years, 8 months ago by Artem Temos.

Viewing 24 posts - 1 through 24 (of 24 total)

Author

Posts
March 10, 2022 at 7:31 am #359377

www.cidev.ro
Participant

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!

March 10, 2022 at 10:47 am #359519

Aizaz Imtiaz Awan
Keymaster

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

March 10, 2022 at 2:01 pm #359633

www.cidev.ro
Participant

Hello,

I just checked but that option was already enabled.

March 10, 2022 at 2:04 pm #359635

www.cidev.ro
Participant

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!

March 10, 2022 at 3:03 pm #359661

Artem Temos
Keymaster

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

Kind Regards

March 11, 2022 at 6:16 am #359768

www.cidev.ro
Participant

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.

March 11, 2022 at 8:54 am #359833

Artem Temos
Keymaster

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

March 11, 2022 at 9:12 am #359839

www.cidev.ro
Participant

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.

March 11, 2022 at 10:40 am #359866

Artem Temos
Keymaster

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

March 11, 2022 at 12:00 pm #359895

www.cidev.ro
Participant

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

March 11, 2022 at 3:21 pm #359974

Artem Temos
Keymaster

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?

March 14, 2022 at 6:36 am #360403

www.cidev.ro
Participant

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!

March 14, 2022 at 8:02 am #360433

Artem Temos
Keymaster

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

March 14, 2022 at 8:52 am #360467

www.cidev.ro
Participant

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?

March 14, 2022 at 9:12 am #360481

Artem Temos
Keymaster

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.

March 14, 2022 at 9:31 am #360494

www.cidev.ro
Participant

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.

March 14, 2022 at 1:13 pm #360617

Artem Temos
Keymaster

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

March 14, 2022 at 1:21 pm #360622

www.cidev.ro
Participant

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.

March 15, 2022 at 6:54 am #360838

www.cidev.ro
Participant

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

March 15, 2022 at 7:52 am #360874

Artem Temos
Keymaster

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

March 28, 2022 at 6:54 am #364475

www.cidev.ro
Participant

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!

March 28, 2022 at 7:24 am #364491

Artem Temos
Keymaster

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

March 28, 2022 at 8:36 am #364517

www.cidev.ro
Participant

Hi there,

Thanks a lot, problem solved!

March 28, 2022 at 9:34 am #364540

Artem Temos
Keymaster

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

Posts