Selected Filters (Chips) integration on mobile

Hi @agenziae20

Thank you for your warm words about the plugin.

If you use Chips as widget or as shortcode you can set parameter “Show on mobile”.
Look please on this article in documentation – https://filtereverything.pro/resources/chips-widget/

Hi @stepasyuk
thanks for your prompt reply but I think there is a misunderstanding.
I need the chips to be displayed before the results (Products) in the main content area of the Shop Page.

These are my settings:
– Widgets> Shop Page> Filter Everything — Filters> Show selected terms (Chips)> OFF
– Filters> Settings> General> Selected Filters (Chips) integration> Woocommerce before Shop loop

Results on Shop Page after filtering:
Desktop> Sidebar: no chips (ok) & Main content: chips before products (ok)
Mobile > Sidebar: no chips (ok) & Main content: no chips (error, I am expecting to see them here too)

If I add a “Filter Everything — Chips” widget in the Shop Page Sidebar I will just add the chips in the sidebar but not in the main content.
Same if I activate Widgets> Shop Page> Filter Everything — Filters> Show selected terms (Chips)> ON, they will be in the sidebar (inside the filter widget, which is also collapsed on mobile to have a better scrolling) but not in the main content.

So, how can I make the Chips to be visible on mobile in the main content (before products) area?
Why the “Woocommerce before Shop loop” doesn’t work on mobile? Is there a different hook for mobile view?

• This reply was modified 3 years ago by agenziae20.

@agenziae20

I understood you correctly. But the only way to display chips on desktop and mobile simultaneously above products grid is to add there shortcode [fe_chips] or to add there Chips widget. Both things require to make some code changes in your product archive template file.

• This reply was modified 3 years ago by stepasyuk.

Ok, thank you very much.

In case someone else need it, this is how I solved:

– add this code to functions.php or via plugin like Code Snippets

add_action( 'woocommerce_archive_description', function() {
	 echo do_shortcode('[fe_chips mobile="yes"]');
}, 50 );

– removed every hook (empty field) in
Filters> Settings> General> Selected Filters (Chips) integration
to prevent duplication