Icon sort by on mobile

Hello there,
I’d like to get rid of the icon sort products by on woocommerce archive and instead show a classic dropdown

This happens by removing the following class:
class=”woocommerce-ordering wd-style-underline wd-ordering-mb-icon”

On the following script

<form class="woocommerce-ordering wd-style-underline wd-ordering-mb-icon" method="get">
			<select name="orderby" class="orderby" aria-label="Ordine negozio">
							<option value="date" selected="selected">Ordina in base al più recente</option>
							<option value="price">Prezzo: dal più economico</option>
							<option value="price-desc">Prezzo: dal più caro</option>
					</select>
		<input type="hidden" name="paged" value="1">
			</form>

What I want to achieve is a regular full width dropdown on mobile but apart from removing the class I couldn’t figure out what css to edit.
I provide you with screenshot

Thanks

Attachments:

You must be logged in to view attached files.

https://rurunaturalwine.assistenzawponline.net/

Here is the link to website, sorry I forgot to put it in the previous message

Hello,

Try to use the Theme’s Layout Builder you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. So, you can use that to create your own custom layouts for these pages, Then edit the order by widget and disable the option “icon on mobile” and the drop will be shown: https://ibb.co/xtPgHwr1

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

I have, but the issue is that if I create a layout to manage the icon, my filters are not shown, as we are trying to resolve in another ticket.
Please see: https://xtemos.com/forums/topic/shop-archive-pages/

Hello,

I have enabled the custom layout and checked that the filters are loading fine in the archive sidebar.

For your page “Offerte,” the filters are not loading because you are using a custom page instead of a WooCommerce archive. I recommend creating an “Offerte” category and then using a custom layout specifically for this category.

Here’s what you can do:

• Create the “Offerte” category in WooCommerce.
• Set up a custom layout for this category in WoodMart > Layouts and apply it using the category condition.
• Add the sidebar to this layout to ensure filters appear correctly.
• Configure the sidebar from Appearance > Widgets and add the necessary filter widgets to the Shop Page Widget Area for proper display.

Hope this Helps!

Best Regards,

Yes thanks, I am aware to use categories as solution, but it doesn’t fit.
I need to use the sale filter because having many products and changing often the prices is not easy to use the category to display on sale products.

Thanks anyway

Hello,

If that solution does not work for you, I recommend using the Product Grid or Carousel widget and selecting Sale Products as the data source.

Then you can create a filter form on the page by following this guide: https://xtemos.com/docs-topic/how-to-create-filters-form/

Hope this Helps!

Best Regards,

[Author]

Posts