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

Check out Top 110+ Best Free Joomla! templates Listing of 300+ Best 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

Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!

Access 500+ PRO Premium Joomla! and WordPress themes with $19,200 just $149, Quickstart Package included!

Buy one-time, get life-time access!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates just $239.00 (instead of $399) after discounted! Life-time Access, Download and Support, One-time Payment, No Renewal. Coupon code: WORKATHOME

Join All-In-One Club with 40% OFF on today!

The Pandemic Continues So Do Our Support! We're offering 40% Discount on all purchases! Code: REMOTEWORK More Details
The Pandemic Continues So Do Our Support! We're offering 40% Discount on all purchases! Code: WORKATHOME More Details