Support Center

Changing your "Add to Bag" Button

Last Updated: Sep 12, 2016 10:22PM EDT

You can change this button using custom CSS theme

  1. Upload image to your server or to any image hosting.
  2. Add the following CSS code to your store:
    /* The "Add to bag" button in up state */
    div.AddToBagButton-up, div.AddToBagButton-up-hovering {
    background: transparent url(icons/add_to_bag.png) no-repeat top center !important;
    /* The "Add to bag" button in down state */
    div.AddToBagButton-down, div.AddToBagButton-down-hovering {
    background: transparent url(icons/add_to_bag.png) no-repeat bottom center !important;
  3. Replace the icons/add_to_bag.png with the real absolute path to the modified image. For example:url(
  4. That's all.

Liquid error: undefined method `gsub' for nil:NilClass
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found