Cannot change Add to cart image

  • Posts: 50
  • Thank you received: 0
10 years 4 months ago #198151

-- HikaShop version -- : 2.4.0
-- Joomla version -- : 2.5.28
-- PHP version -- : 5.4.36
-- Browser(s) name and version -- : Firefox 37.0.1

I've done all I can think of. The latest thing I've found was adding this to the CSS:

.hikashop_cart_input_button{
    background: url('http://mywebsite.com/images/addtocart.png') !important;
}

Everything I've done, it does not change the add to cart button. I've even cleaned the cache many times and never saw a change. What else can I do?

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

  • Posts: 84220
  • Thank you received: 13673
  • MODERATOR
10 years 4 months ago #198167

Hi,

You've changed the buttons style option of the configuration from "normal" to "css", and in that case, it's not the class hikashop_cart_input_button that you want to use but the class hikashop_cart_button so you want to do such CSS code instead:
.hikashop_cart_button{
background: url(' mywebsite.com/images/addtocart.png ') !important;
}

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

  • Posts: 50
  • Thank you received: 0
10 years 4 months ago #198222

I've done what you said. Button style is CSS and I've added the following to my Front-end CSS file:

.hikashop_cart_button{
background: url('mywebsite.com/images/addtocart.png') !important;
}

The button now looks like this:



I did change the URL to the image URL I would like to use. I've even checked to make sure the URL was correct.

Attachments:
Last edit: 10 years 4 months ago by rjohnson1990.

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

  • Posts: 84220
  • Thank you received: 13673
  • MODERATOR
10 years 4 months ago #198233

Hi,

I tried to look at your product page in order to analyze the issue but the links to the product page on your website do not seem to work anymore.
Could you provide a link to a product page so that we can see that ?

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

  • Posts: 50
  • Thank you received: 0
10 years 4 months ago #198426

After some time, the image for my add to cart button appeared but now looks like this:


Attachments:

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

  • Posts: 26264
  • Thank you received: 4043
  • MODERATOR
10 years 4 months ago #198427

Hi,

You might had a browser cache issue for the CSS.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 50
  • Thank you received: 0
10 years 4 months ago #198644

I got it working somewhat. I changed the code a little.

FROM:

.hikashop_cart_button{
background: url('mywebsite.com/images/addtocart.png') !important;
}

TO
.hikashop_cart_button{
background: url('mywebsite.com/images/addtocart.png') !important; width: 50px !important; height: 50px !important; background-repeat: no-repeat !important;
}

It's working great now but I would like to remove the Add to cart text which I can probably just delete from the language file and I would also like to remove the border around the Add to cart button.

Also, I have it set up so when an item is added to cart, the popup appears and both the Continue Shopping and Proceed to Cart buttons are the same as my add to cart button.

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

Time to create page: 0.076 seconds
Powered by Kunena Forum