How to modify filter design

Hi Nicolas,

i have a filter which is in fact more a search module for hikashop products.
i was wondering if it's possible to customize filter module in such way that input and button will be images to make it much more nicer than a simple input box and a+span tags to simulate button.

i know that it should be a css matter for input, however the button is a SPAN tag enclosed inside a A tag, and CSS doesn't operate on text inside SPAN or A tags.

i was looking after it into "display > Views". But the only filter i found on front end side for my template, brings me to "Template styles" and i can't edit filter module design

so is it possible and if yes where ?
thanks.

Hi there,

Your search field must be in a div with a specific class (like "hikashop_filter_main hikashop_filter_main_something". Using this class you should be able to modify the css of every element in it.
If you need more help please tell us what kind of modification you want to do!

eliot wrote: Hi there,

Your search field must be in a div with a specific class (like "hikashop_filter_main hikashop_filter_main_something". Using this class you should be able to modify the css of every element in it.
If you need more help please tell us what kind of modification you want to do!

Basically i just want to replace the text OK in the button (A + SPAN tags) by an image, to make the complete search looking much more nicer.

thx

well you have to look at the id or the class of the button and set a background on it in css.

eliot wrote: well you have to look at the id or the class of the button and set a background on it in css.

anyway is it possible to customize the filter module design within hikashop (in the same way i customized the address form) ?
Moreover, in my filter module, i see the name of my filter, how can i do to not see it in (within hikashop)..i mean without using css to hide it.

thx.

anyway is it possible to customize the filter module design within hikashop (in the same way i customized the address form) ?

Yes, you can add the css to customize the filter in the Hikashop css file

Moreover, in my filter module, i see the name of my filter, how can i do to not see it in (within hikashop)..i mean without using css to hide it.

No, the only way is to hide filters' name using css

I hope it helped you