Choose options into image

  • Posts: 7
  • Thank you received: 0
11 years 3 months ago #117854

Hi, how do i change "choose options" on the product listings into an image.

thanks.

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 3 months ago #117875

Hi,

If you just want to change the choose option buttons and not your add to cart buttons, you'll have to :
- Edit your translation file through "Hikashop->System->Configuration->Language->'YOUR LANGUAGE FILE'"
- Change this line :

CHOOSE_OPTIONS="Choose options"
By :
CHOOSE_OPTIONS=" "
- Use this kind of CSS code :
input.button[name="choose_options"], button.button[name="choose_options"], button.validate[name="choose_options"] {
background: YOUR_NEW_BACKGROUND !important;

Hope this will help you a little.

Please Log in or Create an account to join the conversation.

  • Posts: 7
  • Thank you received: 0
11 years 3 months ago #117889

Thanks. The issue now is the background behind the image. see an attachment please.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 3 months ago #117895

You have to apply these properties on the old button class:

background: transparent;
border: none;

Here is documentation about layout customization:
www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 7
  • Thank you received: 0
11 years 3 months ago #117899

Thanks guys. Here is the code i put in the css file.

}
input.button[name="choose_options"] {
background:url('LINK TO YOUR IMAGE');
border: none;

Last edit: 11 years 3 months ago by james321.

Please Log in or Create an account to join the conversation.

Time to create page: 0.083 seconds
Powered by Kunena Forum