☀
☀
☀
☀
Elessi
Search…
☀
☀
☀
☀
Elessi
Introduction
GETTING STARTED
Download and Installation
Import Demo Content
Updates
Performance
Changelog
Header & Menu
Header
Menus
FOOTER
Footer Layout
Footer Builder
Mobile Footer
PAGE BUILDER
General
SHOP PAGE
Shop Layout
Shop Filter
Sidebar
Product Hover Styles
Product Card Styles
Pagination Layout
Breadcrumb
Filter by Levels
Catalog Mode
WooCommerce
SINGLE PRODUCT
Product Sidebar
Single Product Images
Product Features
Extended Features
Tabs Layout
ELEMENTOR
Elementor Knowledge Base
Elementor Elements
WPBAKERY PAGE BUILDER
WPBakery Knowledge Base
WPBakery Elements
COMMON ISSUES AND FAQ'S
FAQ / Guies
How long time get Support
How To Submit Ticket
License Questions
I can not import demo content
TRANSLATION
Translate Theme
Translate Plugin
Translation with WPML
BLOG
General
Blog Elements
Blog Layouts
Blog Sidebar
Powered By
GitBook
Shop Filter
Add filters to your catalog to make it easy for your customers to explore your products.
1. Setting up filters
Filter widgets
Simply, navigate to
Appearance
→
Widgets
and drag your filter widgets to the
Shop Sidebar
position.
Custom the Shop Sidebar
The available filters are:
Nasa Product Attribute Filter
.
(One widget per attribute to filter. Add attributes to your shop page to make it work)
Nasa Product Categories
Nasa Product Price Filter (list)
Nasa Product Filter Status
2. Filter position
Click here to know How to set up this feature ...
3. Variations Swatches
First
, add your color attributes in
Products → Attributes
and assign that color attributes to your products.
Go to
Appearance → Widgets
and add the
Nasa Product Attribute Filter
Select the
Attribute
and Display Type. In Attributes List and Button display each
color
with its name. Select shows only the color.
RESULT
SHOP PAGE - Previous
Shop Layout
Next
Sidebar
Last modified
27d ago
Copy link
Contents
1. Setting up filters
2. Filter position
3. Variations Swatches
RESULT