Impact theme Add to Cart Button

Store Design
, ,
1

I want add to cart button to always stick at the bottom of the screen in mobile view in the product page

Here’s the link

mTekin_0-1726431081567.png
mTekin_0-1726431081567.png516×1090 82.4 KB

not like this

mTekin_1-1726431109139.png
mTekin_1-1726431109139.png515×1099 45.6 KB

more like this.

2

@mTekin Please add the below line of css code at the end of your theme.css file

body product-quick-add.product-quick-add{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
3

Hi @mTekin ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.shopify-section--main-product .product-quick-add {
    opacity: 1 !important;
    visibility: visible !important;
}
4

Hi @mTekin ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

5

Hello @mTekin
Go to online store ----> themes ----> actions ----> edit code---->theme.css
add this code at the end of the file.

product-quick-add.product-quick-add {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}

result

12.png
12.png445×843 70.7 KB

If this was helpful, hit the like button and accept the solution.
Thanks