Filter Toggle element shows or hides shop sidebar filter widgets. It is called Sidebar (Filter) Toggle in shop builder. When you use shop builder, this is an essential element for filtering products on mobile and offcanvas sidebar layouts.

How to create filter toggle element?

Step 1 – Please create, or choose the Column into which you want to add your element. Click on Add New Element.

Step 2 – Select UDesign Filter Toggle Element from the Element List.

Step 3 – Configure the UDesign Filter Toggle Element to some place into your content.

Step 4 – After you finish your configuration, don’t forget to save all changes.

Element Content Options

Filter toggle element offers various options and you can change as you wish.

Sidebar Type: There are 4 types of sidebar – None, Top, Left and Right.

Label: You can change filter toggle label.

Type: You can change filter toggle type – Default, Gradient, Outline and Link.

Skin: You can choose skin color as you like.

Size: You can choose filter toggle size.

Box Shadow: You can set box shadow.

Border Style: You can set border style.

Show Icon: You can show icon by enabling this option.

Element Style Options

You can change filter toggle styles as you want.

Text Typography: You can set text typography.

Padding: You can resize filter toggle padding.

Border Width: You can set border width.

Color, Background-Color, Border-Color: You can choose color as you like.