Rate this item

It's time to create new or re-design your websites to bring it to the next level.

Download 100+ Free Joomla! templates Download 100+ Free WordPress themes

Here is a small tutorial on how to create a filter which display a cursor of prices next to a dropdown allowing to sort by price and name.

To create a filter HikaShop for Joomla 3.x:

Step 1: Log into your Joomla Dashboard

Step 2: In the top menu, hover over Components and click HikaShop then go to Hikashop Configuration screen

Step 3: Go to Display and click Filters

Step 4: Create a new filter by clicking on “New“. Configure your first filter like this:

create a filter

Step 5: As you can see we selected the type cursor for this one, it will display a nice Jquery cursor allowing user to define a range of price for the product displayed, including discounted products. The filter will be applied on price since it’s the selected option and we set a maximum and minimum value for it. You can notice that cursor effect is activated to give a smooth scroll when you click on the cursor bar.

Second filter has to be configured this way:

create a filter

This one will display a sort dropdown where you’ll be able to choose between “price ascending”, “price descending”, “name ascending” and “name descending”. You can see that the sort field allow you to add as much data as you want. Two new entries will be displayed for each data.

Step 6: Save the main configuration too.

create a filter

Looking for a free Landing Pages template to start creating your stunning website?

90+ Landing Styles (Onepage) for Joomla! 80+ Landing Styles (Onepage) for WordPress

30% off for summer holiday!

eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
Intro about 22+ Wordpress Themes support Elementor (#1 Page Builder for Wordpress) Check it out & Download
[Flash Sale!] Get 30% OFF for your PRO purchase or Join Membership on Today! Get Coupon Code!