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

#   Adding a picture on the add to cart

##

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

Less More

- Posts: 46
- Thank you received: 0
-
-

15 years 8 months ago [\#7300](#7300) by [meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")  *[Adding a picture on the add to cart](/forum/4-how-to/7300-adding-a-picture-on-the-add-to-cart#7300 "I am wondering how to add a picture on the add to cart.  On the productlisting I need it in 1 size but on the product page I need it bigger. Is there an easy way to add the button as a image, that inputs the right link? So when the customer clicks on it, they will add to cart?")* was created by *[meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")*

I am wondering how to add a picture on the add to cart.

On the productlisting I need it in 1 size but on the product page I need it bigger.
Is there an easy way to add the button as a image, that inputs the right link?
So when the customer clicks on it, they will add to cart?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzczMDAtYWRkaW5nLWEtcGljdHVyZS1vbi10aGUtYWRkLXRvLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

15 years 8 months ago [\#7305](#7305) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Adding a picture on the add to cart](/forum/4-how-to/7300-adding-a-picture-on-the-add-to-cart#7305 "I am wondering how to add a picture on the add to cart.  On the productlisting I need it in 1 size but on the product page I need it bigger. Is there an easy way to add the button as a image, that inputs the right link? So when the customer clicks on it, they will add to cart?")*

The input buttons can all be customized with CSS:
[ balajiramesh.wordpress.com/2008/09/06/bu...ound-image-with-css/](http://balajiramesh.wordpress.com/2008/09/06/button-background-image-with-css/)

You could try with the class:
.hikashop_products_listing .button{
...button CSS on listing...
}

.hikashop_product_quantity_main .button{
...button CSS on product page...
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzczMDAtYWRkaW5nLWEtcGljdHVyZS1vbi10aGUtYWRkLXRvLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 46
- Thank you received: 0
-
-

15 years 8 months ago [\#7309](#7309) by [meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")  Replied by *[meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")* on topic *[Re: Adding a picture on the add to cart](/forum/4-how-to/7300-adding-a-picture-on-the-add-to-cart#7309 "I am wondering how to add a picture on the add to cart.  On the productlisting I need it in 1 size but on the product page I need it bigger. Is there an easy way to add the button as a image, that inputs the right link? So when the customer clicks on it, they will add to cart?")*

Where?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzczMDAtYWRkaW5nLWEtcGljdHVyZS1vbi10aGUtYWRkLXRvLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 46
- Thank you received: 0
-
-

15 years 8 months ago -  15 years 8 months ago [\#7312](#7312) by [meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")  Replied by *[meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")* on topic *[Re: Adding a picture on the add to cart](/forum/4-how-to/7300-adding-a-picture-on-the-add-to-cart#7312 "I am wondering how to add a picture on the add to cart.  On the productlisting I need it in 1 size but on the product page I need it bigger. Is there an easy way to add the button as a image, that inputs the right link? So when the customer clicks on it, they will add to cart?")*

Its in the Template.css I see.
But the images doesn´t show.

Last edit: 15 years 8 months ago by [meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzczMDAtYWRkaW5nLWEtcGljdHVyZS1vbi10aGUtYWRkLXRvLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

15 years 8 months ago [\#7314](#7314) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Adding a picture on the add to cart](/forum/4-how-to/7300-adding-a-picture-on-the-add-to-cart#7314 "I am wondering how to add a picture on the add to cart.  On the productlisting I need it in 1 size but on the product page I need it bigger. Is there an easy way to add the button as a image, that inputs the right link? So when the customer clicks on it, they will add to cart?")*

Are you sure that you added your CSS properly ? Did you refresh your browser's cache ?

Could you post a link to the page ?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzczMDAtYWRkaW5nLWEtcGljdHVyZS1vbi10aGUtYWRkLXRvLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 46
- Thank you received: 0
-
-

15 years 8 months ago [\#7315](#7315) by [meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")  Replied by *[meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")* on topic *[Re: Adding a picture on the add to cart](/forum/4-how-to/7300-adding-a-picture-on-the-add-to-cart#7315 "I am wondering how to add a picture on the add to cart.  On the productlisting I need it in 1 size but on the product page I need it bigger. Is there an easy way to add the button as a image, that inputs the right link? So when the customer clicks on it, they will add to cart?")*

I added this in the templates.css

.hikashop_product_quantity_main .button{
background: white url(‘images/thebelcherbutton.jpg’) no-repeat top;
width: 800px;
height: 800px;
}

The product page I am testing on is:
[ www.infossa.dk/business/product/show/cid...egory\_pathway-0.html](http://www.infossa.dk/business/product/show/cid-1/name-business-in-india/category_pathway-0.html)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzczMDAtYWRkaW5nLWEtcGljdHVyZS1vbi10aGUtYWRkLXRvLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

15 years 8 months ago -  15 years 8 months ago [\#7316](#7316) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Adding a picture on the add to cart](/forum/4-how-to/7300-adding-a-picture-on-the-add-to-cart#7316 "I am wondering how to add a picture on the add to cart.  On the productlisting I need it in 1 size but on the product page I need it bigger. Is there an easy way to add the button as a image, that inputs the right link? So when the customer clicks on it, they will add to cart?")*

Two things:

1. You should use quotes like this around the image URL and not the quotes in the article I gave you: '
2. The url of your image is not valid. It should be ../images/thebelcherbutton.jpg (and make sure that you have the image in the images folder of your template)

Last edit: 15 years 8 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzczMDAtYWRkaW5nLWEtcGljdHVyZS1vbi10aGUtYWRkLXRvLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 46
- Thank you received: 0
-
-

15 years 8 months ago [\#7318](#7318) by [meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")  Replied by *[meqrinda](/forum/user/698-meqrinda "View meqrinda's Profile")* on topic *[Re: Adding a picture on the add to cart](/forum/4-how-to/7300-adding-a-picture-on-the-add-to-cart#7318 "I am wondering how to add a picture on the add to cart.  On the productlisting I need it in 1 size but on the product page I need it bigger. Is there an easy way to add the button as a image, that inputs the right link? So when the customer clicks on it, they will add to cart?")*

It worked, Thanks!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzczMDAtYWRkaW5nLWEtcGljdHVyZS1vbi10aGUtYWRkLXRvLWNhcnQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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.067 seconds

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