{"id":5944,"date":"2020-11-03T08:16:28","date_gmt":"2020-11-03T08:16:28","guid":{"rendered":"https:\/\/wpthemego.com\/document\/?p=5944"},"modified":"2025-02-26T02:13:39","modified_gmt":"2025-02-26T02:13:39","slug":"how-to-use-jetsmartfilters-in-autusin-with-elementor-pro","status":"publish","type":"post","link":"https:\/\/wpthemego.com\/document\/how-to-use-jetsmartfilters-in-autusin-with-elementor-pro\/","title":{"rendered":"How to Use JetSmartFilters in Autusin with Elementor Pro"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]This is how to use JetSmartFilters plugins in Autusin – Auto Parts & Car Accessories Elementor WooCommerce WordPress Themes<\/a> with Elementor Pro page builder.<\/p>\n

\n

I. Create Box “FIND PARTS FOR YOUR VEHICLE”<\/h3>\n

“FIND PARTS FOR YOUR VEHICLE”: This part enables us to search for products based on the attributes.<\/p>\n

<\/p>\n

1. Create Attribute based on product properties<\/h4>\n

– Create Attribute in Admin > Attributes > Add new attribute<\/strong>.
\n– Create Term for each attribute: Admin > Attributes > Configure terms<\/strong>.<\/span><\/p>\n


\n– Add Attribute for products: Product > Attribute > Add<\/strong><\/span><\/p>\n

<\/p>\n

\n

2. Create Smart Filters<\/h4>\n

– Create filters: Smart Filters > Add New<\/strong> and configure as the screenshot:
\n
\n– Below is the filter widget in the Edit page with Elementor<\/strong>. <\/span><\/p>\n


\nIn “Edit Apply Button<\/strong>“, please note some points below: <\/i><\/p>\n

– Set Apply Redirect > YES<\/strong><\/p>\n

– Redirect Path<\/strong>: This should be the link to the products listing page using Elementor Pro Archive Products<\/p>\n

\n

3. Create a product listing page using Elementor Pro Archive Products<\/h4>\n

<\/p>\n

– Create templates product Archive: Templates > Add New > Products Archived<\/strong> > Name your templates<\/p>\n

<\/p>\n

– Create Product page with widget Archive Products and widget filters as in the screenshots:<\/p>\n

<\/p>\n

– Configure Display Conditions<\/strong> for Archive Product of shop pages<\/p>\n

<\/p>\n

<\/p>\n

\n

II. Create Filters with JetSmartFilters in Product Listing Pages<\/h3>\n

Firstly, please go to Admin > Smart Filters > Add New<\/strong><\/p>\n

1. Categories Filter<\/h4>\n

Backend Demo:<\/i><\/p>\n

<\/p>\n

Configure Widget in Demo<\/i><\/p>\n

<\/p>\n

\n

2. Price Filter in Filter<\/h4>\n

Backend Demo:<\/i><\/p>\n

<\/p>\n

Configure Widget in Demo<\/i><\/p>\n

<\/p>\n

\n

3. Color Filter in Filter<\/h4>\n

Backend Demo:<\/i><\/p>\n

<\/p>\n

Configure Widget in Demo:<\/i><\/p>\n

<\/p>\n

\n

4. Brand Filter in Filter<\/h4>\n

Backend Demo:<\/i><\/p>\n

<\/p>\n

Configure Widget in Demo:<\/i><\/p>\n

<\/p>\n

\n

5. Tags Filter in Filter<\/h4>\n

Backend Demo:<\/i><\/p>\n

<\/p>\n

Configure Widget in Demo:<\/i><\/p>\n

<\/p>\n

\n

6. PARTS FOR ANY CARS<\/h4>\n

Configure Widget in Demo:<\/i><\/p>\n

<\/p>\n

\n

7. NOTE: FOR VERSION BEFORE 2.1.0<\/h4>\n

For the customers who use the version before 2.1.0 – without JetSmartFilters<\/strong>, if you want to add the filters into your site, you need to import the Templates of Elementor firs<\/strong>t.<\/p>\n

After that, please follow all the steps above to add filters into your site.<\/p>\n

<\/p>\n

 <\/p>\n

SUPPORT:<\/h3>\n

If there is any question or difficulty, you can create a ticket and send us your site’s info and issue at the Support System: https:\/\/support.wpthemego.com\/<\/a><\/strong>. After checking, it will be easier for our technical supporters to follow and help you.<\/p>\n

p\/s: You can choose the Department as Themeforest<\/strong> then enter the theme purchase code to submit the ticket.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text]This is how to use JetSmartFilters plugins in Autusin – Auto Parts & Car Accessories Elementor WooCommerce WordPress Themes with Elementor Pro page builder. I. Create Box “FIND PARTS FOR YOUR VEHICLE” “FIND PARTS FOR YOUR VEHICLE”: This part enables us to search for products based on the attributes. 1. Create Attribute based on product […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[84,81,77,83,82],"class_list":["post-5944","post","type-post","status-publish","format-standard","hentry","category-frequently-asked-questions","tag-advanced-search","tag-autusin","tag-elementor","tag-jetsmartfilters","tag-smart-filters"],"_links":{"self":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/comments?post=5944"}],"version-history":[{"count":11,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5944\/revisions"}],"predecessor-version":[{"id":6630,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5944\/revisions\/6630"}],"wp:attachment":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/media?parent=5944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/categories?post=5944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/tags?post=5944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}