Woo Sorting Element

Last Update: August 28, 2025

The Avada Woo Sorting Element replicates the sorting options of a WooCommerce Shop page and allows you to add product sorting into your custom Shop Layout.

Watch the video below for a visual overview of the Element, view the Avada Woo Sorting Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

View Element Page!

View Live Example!

View Avada Builder Elements!

How To Use The Woo Sorting Element

This Avada Element is designed to be used in your Woo Shop Layout. It replicates the Woo Sorting options commonly available in the Avada Global Options. It has a range of display and styling options.

To use it, place the Element into your Layout on the designated WooCommerce Shop page. Set the options as you desire. See the individual options below.

Element Options

General

Heading		Description
Sorting Options		Select sorting options that you want to be displayed in the sorting list box. NOTE: If Order by Price is not working, please regenerate the Product Lookup Tables here.
Sorting Elements		Choose the order of sorting elements.
Product Count Selection		Select the number of product count to display. For best results it should equal the number of posts set in the woo archives element.
Element Visibility		Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS Class		Add a class to the wrapping HTML element.
CSS ID		Add an ID to the wrapping HTML element.

Design

Heading		Description
Margin		In pixels or percentage, ex: 10px or 10%.
Dropdown Background Color		Controls the background color for the dropdowns.
Dropdown Text Color		Controls the text color for the dropdowns.
Dropdown Border Color		Controls the border color for the dropdowns.