Woo Sorting Element

Add To Custom Shop Or Archives Pages

Buy Avada
Discover More
Prebuilt Websites

Woo Sorting Element

Ideal For Sorting Products By Preset Values

This element allow you to display Woocommerce sorting on a custom shop or archives page. You have options to choose the sorting options, order of sorting elements and number of product count to display as well as design options for every parts of this elements.

Loaded With Customization Options

The Avada WooCommerce Sorting Element has a ton of options that will make it easy for you to set up, style and display sorting functionnality for the shop and archives pages on your branded e-commerce website.

Sorting Options

This option allows you to choose the sorting options to display.

Sorting Elements

This option allows you to choose the order of sorting elements.

Product Count Selection

This option allows you to set the amount of product to display.

Margin

This option allows you to set the element margin in pixels or percentage.

Dropdown Background Color

This option allows you to set the background color of the dropdowns.

Dropdown Hover / Active Background Color

This option allows you to set the background color for the hover / active states.

Dropdown Text Color

This option allows you to set the text color for dropdowns.

Dropdown Border Color

This option allows you to set the border color for the dropdowns.

The Avada: Website Builder

CREATE THE LAYOUTS YOU WANT

The Avada Website Builder gives you the ability to design and build any layouts for your Avada website. Choose to customize the Footer, single posts, Portfolio posts, archives, search results, and more. With the power of Layouts, Layout Sections, Conditional Logic, Layout Section Elements, and Avada’s massive range of Design Elements, the sky is the limit. Custom design a global footer or only apply the custom Footer to a single page or post.

avada-theme-builder
EXPLORE THE AVADA WEBSITE BUILDER

Advanced Options Network

Avada Global Options are global, Page Options are individual. This setup gives you amazing creative flexibility that becomes indispensable when you start creating your site. Having the option to freely choose how individual pages are styled is an incredible freedom.

live-demo-advanced-options-network

The #1 Selling WordPress Theme Of All Time

675,000+

Individuals & Businesses Trust Avada

BUY AVADA

Documentation & Videos

We have a wide range of support material to suit your learning style. Our documentation is extensive and growing. There are almost 500 documents, where you can search and read about almost any aspect of Avada. Prefer to watch? We have a growing library of HD video tutorials covering the basics and much, much more. Like to engage? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.

Documentation

Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging

Customize Elements Globally Or Individually

Elements can be controlled globally inside of the Fusion Theme Options, or individually per Element by changing the options for each once added to a page or post. Individual Element options will always override the global theme options. This flexibility gives you the ultimate freedom to style Elements and content that is unique and will stand out from the rest of the site.

Element Options

  • Sorting OpstionsThis option allows you to choose the sorting options to display.

  • Sorting ElementsThis option allows you to choose the order of sorting elements.

  • Product Count SelectionThis option allows you to set the amount of product to display.

  • MarginSet the margins for the reviews element.

  • Dropdown Background Color This option allows you to set the background color of the dropdowns.

  • Dropdown Hover / Active Background ColorThis option allows you to set the background color for the hover / active states.

  • Dropdown Text ColorThis option allows you to set the text color for dropdowns.

  • Dropdown Border ColorThis option allows you to set the border color for the dropdowns.

  • Element Visibility – Choose to show or hide the element on small, medium or large screens.

  • CSS Class – Add a class to the wrapping HTML element.

  • CSS ID – Add an ID to the wrapping HTML element.