Hello - I’m trying to make some updates to the ‘Quick Add’ section on my Homepage Featured Collection. I’ve seen a similar post but the solution didn’t work for my theme (Dawn).
Hi @Nyud ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Of course - see below. Note that I’m working on a new draft theme.
Hi @Nyud ,
1. Applies to Dawn theme
Step 1: Go to the Snippets folder → Find card-product.liquid
Step 2: Find the line with the div tag with class card__information, and add the code circled in red as shown:
2 code snippets above:
style="display:flex;align-items: center"
<form method="post" action="/cart/add">
<input type="hidden" name="id" value="{{ card_product.selected_or_first_available_variant.id }}" />
<input type="hidden" name="quantity" value="1" />
<button type="submit" style="margin-left:5px; border:none; background-color: border: none; background: none; cursor: pointer">
<img src="https://community.shopify.com/c/image/serverpage/image-id/379800i7CE3265538BD2CF1/image-dimensions/84x84?v=v2" width="20" height="20" />
</button>
</form>
Note: You can replace the cart icon with another link you want.
Step 3: Save
2. You can go to the Assets → base.css file and add this code
.card__information>.card__heading>a{
font-size: 1.5rem
}
Hope it helps @Nyud !
Thank you so much! I followed your steps and it added the icon but it’s not clickable/linked and the “Quick Add” button is still there.
Are you able to help make the Icon clickable and remove the Quick Add button? Ideally I would like the icon to replace the Quick Add button but live in the spot it’s currently in.
where you ever able to get it to be clickable?
