Adding a picture on the add to cart

  • Posts: 46
  • Thank you received: 0
13 years 9 months ago #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?

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 9 months ago #7305

The input buttons can all be customized with CSS:
balajiramesh.wordpress.com/2008/09/06/bu...ound-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 or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
13 years 9 months ago #7309

Where?

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

  • Posts: 46
  • Thank you received: 0
13 years 9 months ago #7312

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

Last edit: 13 years 9 months ago by meqrinda.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 9 months ago #7314

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 or Create an account to join the conversation.

  • Posts: 46
  • Thank you received: 0
13 years 9 months ago #7315

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

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 9 months ago #7316

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: 13 years 9 months ago by nicolas.

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

  • Posts: 46
  • Thank you received: 0
13 years 9 months ago #7318

It worked, Thanks!

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

Time to create page: 0.064 seconds
Powered by Kunena Forum