Woo Sorting Element

Last Update: April 22, 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.

View Element Demo Page!

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.

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.