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

Collection of 200+ Free Joomla templates, support Joomla 3.9.x and Joomla 4 Listing of 300+ Best Free WordPress themes, WooCommerce compatible, Elementor supports!

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!

500+ Premium Joomla! and WordPress themes just $8.70/Month, Quickstart (dummy) package included, unlimited domains!

40off

BLACK FRIDAY 50% OFF!

Access Life-time All-In-One Membership with all 500+ Premium WordPress themes and Joomla templates and new theme(s) every month just $199.50 (instead of $399). Life-time PRO theme access, download and support, no renewal in the future.

About Developer package of All-In-One Membership

The Pandemic Continues So Do Our Support! We're offering 40% Discount on all purchases! Code: WORKATHOME More Details
Black Friday Sale! Get extra 50% OFF for all purchases. Coupon code: LTBFCM50 More Details