Adding a quick add button on dawn template

Store Design
, , ,
1

i’m currently using quite an old version of the dawn template (dawn 2.5.0) and on my “featured products” and collection pages, i would like to include a “quick add” button so customers are able to easily add multiple items to their cart at once. i know the dawn 11.0.0 update allows this pretty easily, but i have edited the code of my current template quite a bit, and to my knowledge, updating to the 11.0 version wipes out all of the coded customizations i’ve made.

i was hoping that:

A) i could simply add a section of code to feature the “quick add” button myself instead of having to update my current version & without downloading an app

or

B) someone can help me update to the 11.0.0 version without losing all my customizations (things like font size, boldness, color transparency, centered horizontal quick links, etc)

2

Hello @clothingbykier ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Sections → product-template.liquid file

Add this following code below the “Add to Cart” button code:

Go to Assets folder → base.css file or theme.css file

Add this following code to style the button

.quick-add-button {
  background-color: #ff0000;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

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

Save and preview

Hope this can help.

Transcy