Insert Add to Cart buttons into our homepage's Featured Collection

CoDa3
Tourist
3 0 1

I am trying to create a display on our homepage for our 3 products. The Featured Collection section is great but we want an add-to-cart button below each product's description. This button would allow users to quickly add the specific item to their cart without any popups or leaving the page.  

The theme is Streamline from Archetype. Is there a way to do this? thank you!

CoDa3_3-1625867984668.png

 

 

 

KetanKumar
Shopify Partner
20662 2144 7829

@CoDa3 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
LitExtension
Shopify Partner
1247 162 220

It will be a complex requirement and you need to have knowledge of Liquid, CSS and JS. If you are new, I recommend you to hire a professional for this.
Or you have experience, you can try this code, it will help you:
<form autocomplete="off" action="/cart/add" method="post" class="add-to-cart__form" enctype="multipart/form-data">
{% if product.available %}
<select name="id" class="hide">
{% for variant in product.variants %}
{% if variant.available %}
{% assign variant_price = variant.price | money_with_currency %}
<option {% if variant == product.selected_or_first_available_variant %}
selected="selected" {% endif %}
value="{{ variant.id }}">
{{ variant.title }} - {{ variant_price }}
</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - Sold out
</option>
{% endif %}
{% endfor %}
</select>
{% endif %}
{% if product.available %}
<input type="hidden" name="quantity" value="1" />
<button class="add-to-cart" type="submit" name="add" title="Add To Cart">
Add To Cart
</button>
{% else %}
<button class="add-to-cart" disabled="disabled" type="button" name="add" title="Add To Cart">
Sold out
</button>
{% endif %}
</form>
Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes