Quick Add to Cart Button Dawn 8.0

[bkitrell61]

I am having trouble trying to add an “add to cart” button to each one of my products in my collection pages. I would like it to be a “quick add” button that does not take customers away from the page. Instead, it would just be added to the cart and the customer can continue to shop without being redirected. Is there an insight on how to do this?

[GemPages]

Hello @bkitrell61

I would like to give the recommendation to support you.

You can show the button by enabling the feature in the theme’s settings: https://prnt.sc/5FVyZgySyU4X

I hope the above is useful to you.
Best regards,
GemPages Support Team.

[OneCommerce]

Hello @bkitrell61 ,

We are OneCommerce - an eCommerce Solution platform.

To solve your problem, you need to edit the theme code, try to follow these steps:

• Go to Online store → Themes → Actions → Edit Code → Sections
• Find the file that controls the layout of your product listings, usually named something like product-grid.liquid or product-loop.liquid.
• Add the following code in the correct file that you found:

- Style the button with css code to match with your store theme:

```css
.quick-add-button {
  background-color: #F2F2F2;
  border: none;
  color: #333;
  padding: 10px 20px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}

.quick-add-button:hover {
  background-color: #333;
  color: #FFF;
}

The color I added here only for example, you can change it to your color code.

• Save and preview.

Hope these can help. If so, please hit the Like Button or mark this as Accepted Solution to let us know, it means a lot to us.

Regards,

OneCommerce team.

[SynapseIndia]

Hello @bkitrell61

Greetings from SynapseIndia, and we are glad to help you today.

1. 1. Go to Online Store → Theme → Customize

   and then follow this screenshot .

   

Happy to answer any other queries you may have.

If you find my solution helpful, please do hit Like and Mark as Solution

Best Regards,

Animesh Sharma

SynapseIndia® - Shopify (2.0 and Plus) Experts

https://shopify.synapseindia.com

I.T. Outsourcing [email removed] Peace of Mind

Develop and manage Ecommerce stores

• Get connected: Services | Blog | Portfolio | Help Center

[bkitrell61]

I don’t seem to have that option

[bkitrell61]

That option does not appear for me

[bkitrell61]

I can not find a section that resembles the one you mentioned. The only one that added a button was “card-product-liquid” and the buttons and too low and I am not able to click on them in the screenshot below. When I go to my main page, I can click the button but it takes me to an error page. Any thoughts?

[bkitrell61]

Actually, this works great! I had to update my Shopify version! Thanks!