Woo Sorting Element

Last Update: July 14, 2024

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

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Woo Sorting Element

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

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

Woo Sorting Element > Example

Element Options

General

HeadingDescription
Sorting OptionsSelect 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 ElementsChoose the order of sorting elements.
Product Count SelectionSelect the number of product count to display. For best results it should equal the number of posts set in the woo archives element.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

Design

HeadingDescription
MarginIn pixels or percentage, ex: 10px or 10%.
Dropdown Background ColorControls the background color for the dropdowns.
Dropdown Text ColorControls the text color for the dropdowns.
Dropdown Border ColorControls the border color for the dropdowns.

In this article