Sidebar widget on top shop pages

Hi there,

Are you wanting to display it above the products on your home page? It looks like you're using Elementor to output those products - do they have an option to add the filter?

If not, you'll likely need to use a plugin like this: https://wordpress.org/plugins/shortcode-widget/

Then you can use the shortcode in your content.

Hope this helps :)

Hi Tom,

Thanks for your response. In fact, I use Elementor on this website, which allows me to use any shortcode in the sidebar. But my problem is not that.

If you access from a mobile version to the shop page, the Woocommerce filters are displayed after the listing products (below the screen). This is not very intuitive or comfortable for the customer who wants to filter products each time.

Therefore, I want to show the price filter before listing products, on the top in the responsive version. That is my doubt: how do I make it? Any idea?

Best regards!
David

Where can I see the filters right now? I'm not seeing them on desktop or mobile.

Hi Tom,

Here you can see an example: https://funfuntech.com/gadgets/imagen/gopro/

Thanks!
David

Ah, so the filter widget in the sidebar.

We could tell the sidebar to display above the content on mobile, but that would include any widgets after the filter.

Alternatively, you can use the plugin I mentioned above (https://wordpress.org/plugins/shortcode-widget/) to insert the filter widget into a shortcode, and then add that into your content above the products.

Then you can use CSS to hide it on desktop.