Advanced Search Filter Options

Hi There,

My employer is not really happy with the way the results screen is displayed, so has asked if Hikashop is able to create custom filters for searches. I've had a look at enabling the Filter Module but I can't actually see any difference it makes...

www.yourround.co.uk/CraftKeg/ (It is in the same position as the Hikashop Search at the top)

I've installed a K2 search filter plugin for demonstration of the type of thing he's looking for, but obviously this has no links to any of the Hikashop products. Is there a way to get the Hikashop search to look like the K2 search plugin?

Any help would be greatly appreciated.

You see my boss wants customers to be able to do more specific searches (based on being able to filter by ABV, Brewer Name etc) or, alternatively, do you know of an advanced search filter plugin that would be able to do searches on Hikashop products. The main problem I've found is while these K2 plugins look nice, they don't intergrate with Hikashop products!

Hi Nicolas,

Thanks for that, I've enabled this but it's only brought more problems!

Firstly I've created a cursor filter so people can select the price, but for whatever reason it's not working (as well as creating a massive gap) I also can't put select the filter module as having 2 columns as they appear stacked on top of each other.

I was also wondering, my boss is not keen on the results page, is there no way to display the results as a product view as such - www.yourround.co.uk/CraftKeg/index.php/light

Hi there,

First of I would suggest to read carefully the documentation Nicolas gave you. You could see that there are numerous options to display filters in one or two columns, to change their height and so on.
Second, you try to download the last Hikashop version, we improved our filters and you should appreciate it (last version is 2.2.0).
Finally, the result should be displayed just like the listing is. Point is that on the link you gave mle, there is no way to apply the filters (the go button is only efficient for the search).
You should display the filter button (in System>Configuration>Features>filters) or enable the option "apply on click" for your filters.

Thanks for your reply Eliot. I do have the latest version of Hikashop (except on the Cart view, as I've got it styled how I like it, does that make a difference?)

If you try doing a search now, you'll notice that it opens a new page with the results how I want, but it has the Filter options above them, so it's on the screen twice. Is there a way to stop that happening?

I've had a look through the documents Nicolas sent me, but I can't see any obvious answer why my Cursor filter for the price is not displaying?

Infact, could I just somehow link to the Filter Module to just have say a 'Search Page' instead of having it inside one of my templates positions?

About the display I would suggest to directly display the filters at the top of your page instead of the right column.
If you don't want to display the filter in your module, just uncheck the "display filters" option of your menu/module.

About the cursor, first, you set a width of 2px which obviously do not help for displaying it
But the true problem comes from jQuery since you ahve a JS error, it's probably a conflict with mootools, I would suggest to install the Jquery easy plugin to fix that

Well the Price cursor has shown up now, but only if you do a search, and then it only appears at the bottom, and then it doesn't seem to be working anyway!

Is there a way I can get the filters to stop stacking on top of each other, and also to get them to all appear in both the top and bottom of the page?

As I said before, you should read the documentation. There is a height option for each filter, just set something higher than 150px (default) and your filters won't stuck anymore.
Same thing for the cursor, I told you to update your Hikashop version since the last version is 2.2.0 while your version is 2.1.2.
We already fixed the cursor issue, just update to fix it.

I must be going for the record for most questions today, sorry I've been such a pain!

Apologies thought I did have the latest version, I've updated now but I'm still having a little bit of problem with the cursor filter. No matter what value I seem to put in, it doesn't seem to return any results? Are you getting the same result? www.yourround.co.uk/CraftKeg/index.php/h...ting/product/listing

Strange problem indeed, I can't reproduce this bug on my end.

Could you please send me a FTP and a backend access so I can take a look ?

That would be greatly appreciated, I'll private message you the login details.

After spending a certain time, I finally understood your issue.
The point is that your products don't have prices since prices are given to your variants.
Our filters cannot search for variants' prices for now since it's really complicated and the query would be too big.
The solution for you is to set a price to your main product, the same as your cheapest variant for example.

Eliot that is fantastic, thank you so much, makes sense really thinking about it!

I've only got a few more questions then I can probably stop bothering you! If I put the Hikashop filter module in the left middle position of my template (beez), it appears on the right hand side, have you had issues with beez before?

Also, if you look at www.yourround.co.uk/CraftKeg/index.php/h...ting/product/listing , you can see Type and Brewers are quite close together, is it possible in the CSS to change the formatting of the filters?

Glad to see you appreciate our help
About the module position, I don't think you are using a beez template and regarding to the name of your div it probably come from the template you are using.
So you should take a look at the template structure and see what's wrong but it definitely does not come from Hikashop.

About the css, the first filter is to large because of the values inside. If you look at the css, you'll see that the div has a css property automatically calculated of 24%, based on the fact you set the number of row to 4 in your main configuration. So the only option is to set a smaller number of row, or reducing the long name, or editing our processing file (but it's hard and require good php knowledge).

I certainly do appreciate all the help both you and Nicolas have given me in the past!

I had a look in my template manager and it says that I am using the beez5 template. I guess it being on the right isn't the end of the world, although is there a way to change the text so it doesn't say 'HikaShop Filter Module' as I'd rather it just say product search?

Also I've played around with the setting so the brewers filter is shorter, but I'd also like to add some padding so the text isn't so close to the checklist buttons, can this be done in the css?

1 - Just check the options of your module, you should see something to do what you want.
2 - Yes it's possible, just add you css to the front end css file (System>Configuration>Display>CSS) and do not forget to specify the class

I'm familar with CSS, but only when I've written my own! Could you tell me what css you would use to give the text to the right of the checkboxes just a padding of 2 pixels?

This should work:

#filter_Brewers_hikashop_category_information_menu_128[] option{
  padding:2px;
}