- This topic has 5 replies, 2 voices, and was last updated 8 months, 4 weeks ago by Tom.
January 27, 2020 at 4:43 am #1145454David
I’ll like to display the filter price of woocommerce product on the top of the listing products, but only in responsive screens. I guess the first step would be to create a specific sidebar and place the price filter there. This is possible?
How do i do it?
DavidJanuary 27, 2020 at 3:09 pm #1146219TomLead DeveloperLead Developer
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 🙂January 31, 2020 at 10:45 pm #1151043David
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?
DavidFebruary 1, 2020 at 9:38 am #1151449TomLead DeveloperLead DeveloperFebruary 2, 2020 at 11:53 pm #1152553David
Here you can see an example: https://funfuntech.com/gadgets/imagen/gopro/
DavidFebruary 3, 2020 at 8:45 am #1153145TomLead DeveloperLead Developer
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.
- You must be logged in to reply to this topic.