[Skip to main content](#vessel-content)

#   Choose options into image

##

- **[james321](/forum/user/26353-james321 "View james321's Profile")**
- [![james321's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/26353-james321 "View james321's Profile") Topic Author
- [ Offline](/forum/user/26353-james321)

Less More

- Posts: 7
- Thank you received: 0
-
-

13 years 2 months ago [\#117854](#117854) by [james321](/forum/user/26353-james321 "View james321's Profile")  *[Choose options into image](/forum/2-general-talk-about-hikashop/860819-choose-options-into-image#117854 "Hi, how do i change &quot;choose options&quot; on the product listings into an image.  thanks.")* was created by *[james321](/forum/user/26353-james321 "View james321's Profile")*

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

thanks.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MDgxOS1jaG9vc2Utb3B0aW9ucy1pbnRvLWltYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")**
- [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")
- [ Offline](/forum/user/6861-mohamed-thelji)

Less More

- Posts: 12953
- Thank you received: 1778
-
-
-

13 years 2 months ago [\#117875](#117875) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")  Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Choose options into image](/forum/2-general-talk-about-hikashop/860819-choose-options-into-image#117875 "Hi, how do i change &quot;choose options&quot; on the product listings into an image.  thanks.")*

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-&gt;System-&gt;Configuration-&gt;Language-&gt;'YOUR LANGUAGE FILE'*"
- Change this line : Code:

CHOOSE_OPTIONS="Choose options"

By : Code:

CHOOSE_OPTIONS=" "

- Use this kind of [ CSS ](http://www.hikashop.com/support/19-documentation/hikashop/installation-configuration/84-css-styling.html)code : 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MDgxOS1jaG9vc2Utb3B0aW9ucy1pbnRvLWltYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[james321](/forum/user/26353-james321 "View james321's Profile")**
- [![james321's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/26353-james321 "View james321's Profile") Topic Author
- [ Offline](/forum/user/26353-james321)

Less More

- Posts: 7
- Thank you received: 0
-
-

13 years 2 months ago [\#117889](#117889) by [james321](/forum/user/26353-james321 "View james321's Profile")  Replied by *[james321](/forum/user/26353-james321 "View james321's Profile")* on topic *[Choose options into image](/forum/2-general-talk-about-hikashop/860819-choose-options-into-image#117889 "Hi, how do i change &quot;choose options&quot; on the product listings into an image.  thanks.")*

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

- [ ![hda588d6.png](/forum/attachment/11613) ](/forum/attachment/11613 "hda588d6.png") [ ](/forum/attachment/11613?download=1 "hda588d6.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MDgxOS1jaG9vc2Utb3B0aW9ucy1pbnRvLWltYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

13 years 2 months ago [\#117895](#117895) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Choose options into image](/forum/2-general-talk-about-hikashop/860819-choose-options-into-image#117895 "Hi, how do i change &quot;choose options&quot; on the product listings into an image.  thanks.")*

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

background: transparent; border: none;

Here is documentation about layout customization:
[ www.hikashop.com/support/documentation/1...ize-the-display.html](http://www.hikashop.com/support/documentation/153-customize-the-display.html)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MDgxOS1jaG9vc2Utb3B0aW9ucy1pbnRvLWltYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[james321](/forum/user/26353-james321 "View james321's Profile")**
- [![james321's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/26353-james321 "View james321's Profile") Topic Author
- [ Offline](/forum/user/26353-james321)

Less More

- Posts: 7
- Thank you received: 0
-
-

13 years 2 months ago -  13 years 2 months ago [\#117899](#117899) by [james321](/forum/user/26353-james321 "View james321's Profile")  Replied by *[james321](/forum/user/26353-james321 "View james321's Profile")* on topic *[Choose options into image](/forum/2-general-talk-about-hikashop/860819-choose-options-into-image#117899 "Hi, how do i change &quot;choose options&quot; on the product listings into an image.  thanks.")*

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: 13 years 2 months ago by [james321](/forum/user/26353-james321 "View james321's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg2MDgxOS1jaG9vc2Utb3B0aW9ucy1pbnRvLWltYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.119 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
