Want floating add to card button to be in centre

Solved

Want floating add to card button to be in centre

Emiway
Pathfinder
229 0 45

Want floating add to card button to be in centre

URL: redpandaoutdoor.com

Screenshot_2024-09-24-22-06-09-66_40deb401b9ffe8e1df2f1cc5ba480b12.jpg

Accepted Solutions (2)

BSSCommerce-B2B
Shopify Partner
1752 535 594

This is an accepted solution.

@Emiway ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid

Step 3. Add this code before </body> tag 

 

<style>
.product-quick-add {
  left:0!important
}
</style>

 

Result:

BSSCommerceB2B_0-1727196279098.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

- Here is the solution for you @Emiway 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

 

<style>
product-quick-add.product-quick-add.is-visible {
    left: 0 !important;
}
</style>

 

- Here is the result you will achieve:

BSSTekLabs_0-1727196650192.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 2 (2)

BSSCommerce-B2B
Shopify Partner
1752 535 594

This is an accepted solution.

@Emiway ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid

Step 3. Add this code before </body> tag 

 

<style>
.product-quick-add {
  left:0!important
}
</style>

 

Result:

BSSCommerceB2B_0-1727196279098.png

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

- Here is the solution for you @Emiway 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

 

<style>
product-quick-add.product-quick-add.is-visible {
    left: 0 !important;
}
</style>

 

- Here is the result you will achieve:

BSSTekLabs_0-1727196650192.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now