IMPULSE - Quick Add to cart with variants

Store Design
, , , ,
1

Hi - we are using Impulse and I have added a code from our previous dev to our updated theme version.

Is there any way that we can Make the quick add to cart below the images as it covers up the product image (specially on mobile)

VALaurice_0-1730747932554.png
VALaurice_0-1730747932554.png1402×1032 238 KB

Or is there any app that can do this?

Here’s the preview of our store with the quick add options: https://sskr71t7y6ga0tof-37813911684.shopifypreview.com
Our store url is https://www.billycartkids.com.au/

2

Hi @VA-Laurice ,

To move the quick add-to-cart button below product images in the Impulse theme:

  1. Go to Online Store > Themes > Edit code.

  2. Open your main CSS file in Assets and add:

.product-card__quick-add {
  position: relative;
  margin-top: 10px;
  display: block;
  text-align: center;
}

.product-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
  • Save and check on mobile.

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

3

Hello Akshay, I have added the code it but now, it is covering the title when it’s active.

https://0kh3c3vl4i9i0vx6-37813911684.shopifypreview.com