Dedicated to the Hydrogen framework, headless commerce, and building custom storefronts using the Storefront API.
Hello,
So I have a bundle I created to add two products, once those products are selected. I want them to be added to cart at the same time. I'm currently only getting one product being added, how can I create the values in input for both to checkout?
<div class="reviewSelection inner" style="display: none;">
<p> Summary: </p>
<img id="summaryImg" src="{{ first_available_ss.featured_image | product_img_url: 'small' }}" alt="{{ product.title }}" value="{{ product.price }}"/>
<img id="summaryDesign" src="" alt="{{ product.title }}" value="{{ product.price }}"/>
<p>Total: $<span id="totalPrice">0.00</span></p>
<form method="post" action="/cart/add" class="col-button ">
<input id="idPrice" type="hidden" name="id" value="" />
<input min="1" type="hidden" id="quantity" name="quantity" value="1" />
<button name="checkout" {%unless product.available %}style='margin-bottom:20px;'{% endunless %}type="{% if settings.cart_action == 'ajax' %}button{% else %}submit{% endif %}" name="add" class="collection-add-to-cart {% if settings.cart_action == 'ajax' %} ajax-submit {% endif %}action_button add_to_cart {% if show_payment_button %} action_button--secondary {% endif %} {% if product.available == false %}disabled{% endif %}" data-label={{ add_to_cart_label | json }}>
{{ 'layout.general.checkout' | t }}
</button>
</form>
</div>
Bump, thank you!