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!

Get 30% OFF for Membership plan!

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

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

eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
We’re with you! We're offering 60% Discount on all purchases due to the impact of COVID-19! Code: REMOTEWORK More Details
We’re with you! We're offering 60% Discount on all purchases due to the impact of COVID-19! Code: REMOTEWORK More Details