Configurable Products – Add to Cart

Hi mcweb,

How do you want achieve? Please make this clearer

Hi Saguaros,

we have the same issue. We just need to enlarge it…

Thanks in advance,
welfare

Hi Saguaros,

we have the same issue. We just need to enlarge it…

Thanks in advance,
welfare

Can you give me an url where the button is seen and let me know in more details how did you want it to be changed ?

Hi Sherlock,

the URL is http://www.welfare-schuhe.de/welfare-business.html. We need the add to cart icon’s size twice (~200%) of it’s current size.

Thanks and best regards,
welfare

Hi welfare,

If you have a new cart icon with double in size, you can replace the current one that’s located at skin/frontend/default/jm_scerif/images/btn-add-cart.png

Hi Sherlock,

we have replaced above mentioned icon with a new one but it seems that there is also some CSS definition to be changed because the icon is not displayed in it’s full size now.

As we can’t find the CSS definition with firebug it would be great if you could check and advise.

Many thanks in advance and best regards,
welfare

Hi welfare,

You could open the theme.css file skin/frontend/default/jm_scerif/css/theme.css look for this css rule

HTML Code:

                       .form-button span span, .btn-cart span span {
  background: url("../images/btn-add-cart.png") no-repeat scroll center top transparent;
  color: [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=EEEEEE]#EEEEEE[/URL]
  font-family: 'NovecentowideUltraLightBold',sans-serif;
  font-size: 100%;
  font-weight: 700;
  height: 13px;
  margin: 0;
  padding: 0;
  text-indent: -10000em;
  width: 16px;
}

here you change the width and height value to your new icon size

HTML Code:

                       .form-button span span, .btn-cart span span {
  background: url("../images/btn-add-cart.png") no-repeat scroll center top transparent;
  color: [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=EEEEEE]#EEEEEE[/URL]
  font-family: 'NovecentowideUltraLightBold',sans-serif;
  font-size: 100%;
  font-weight: 700;
  height: 26px;
  margin: 0;
  padding: 0;
  text-indent: -10000em;
  width: 32px;
}

On the same file you look for this rule

HTML Code:

  .product-options-bottom .add-to-cart .button {
                 margin-top: 18px;
            }

change to

HTML Code:

  .product-options-bottom .add-to-cart .button {
                 margin-top: 12px;
            }

Hope it helps !