Support Center

Changing your "Add to Bag" Button

Last Updated: Jan 12, 2018 11:11AM EST

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