Skip to content

Instantly share code, notes, and snippets.

@carlitoescobar
Created October 1, 2019 18:56
Show Gist options
  • Save carlitoescobar/64ef7914579735a161b814f1bc202fc3 to your computer and use it in GitHub Desktop.
Save carlitoescobar/64ef7914579735a161b814f1bc202fc3 to your computer and use it in GitHub Desktop.
Highlighted code from coffee card page.
<form action="/cart/add" method="post" enctype="multipart/form-data" class="product-form" id="AddToCartForm">
<div class="mmc-engine-sf-float-left-wrapper">
<select name="id" id="ProductSelect" class="product-form__variants">
{% for variant in product.variants %}
<option {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}" {% unless variant.available %} disabled="disabled" {% endunless %} data-price="{{ variant.price | money_without_currency | remove: ',' }}">
{% if variant.available %}
{{ variant.title }} - {{ variant.price | money_with_currency }}
{% else %}
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
{% endif %}
</option>
{% endfor %}
</select>
<!--Recipient Info-->
<div class="line-item-property__field" style="padding: 10px 5px;">
<label for="recipient-name" style="display: block; margin-bottom: 13px;">Recipient's Name (verified at pickup only)</label>
<input required class="required product-form__input" id="recipient-name" type="text" name="properties[Recipient Name]">
</div>
<div class="line-item-property__field" style="padding: 10px 5px;">
<label for="recipient-email-address" style="display: block; margin-bottom: 13px;">Recipient Email Address</label>
<input required class="required product-form__input" id="recipient-email-address" type="text" name="properties[_Recipient Email Address]">
</div>
<!--Message to Recipient-->
</div>
<div class="mmc-engine-sf-float-right-wrapper">
<div class="line-item-property__field" style="padding: 10px 5px;">
<label for="message-to-recipient" style="display: block; margin-bottom: 13px;">Message to recipient</label>
<textarea id="message-to-recipient" name="properties[Message to recipient]"></textarea>
</div>
</div>
<!--/Message to Recipient-->
<!--/Recipient Info-->
<input name="shopify_customer_id" type="hidden" value="{{ customer.id }}" >
<input name="email" type="hidden" value="{{ customer.email }}" >
<input name="address1" type="hidden" value="{{ customer.default_address.address1 }}" >
<input name="address2" type="hidden" value="{{ customer.default_address.address2 }}" >
<input name="city" type="hidden" value="{{ customer.default_address.city }}" >
<input name="company" type="hidden" value="{{ customer.default_address.company }}" >
<input name="country" type="hidden" value="{{ customer.default_address.country }}" >
<input name="first_name" type="hidden" value="{{ customer.default_address.first_name }}" >
<input name="last_name" type="hidden" value="{{ customer.default_address.last_name }}" >
<input name="phone" type="hidden" value="{{ customer.default_address.phone }}" >
<input name="province" type="hidden" value="{{ customer.default_address.province }}" >
<input name="zip" type="hidden" value="{{ customer.default_address.zip }}" >
{% include 'bold-ro' with product %}
<div id="infiniteoptions-container"></div>
<div class="product-form__item product-form__item--submit">
<button type="submit" name="add" id="AddToCart" class="btn btn--full product-form__cart-submit addtocart">
<span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
<!-- bold-ro-liquid -->
<div class="bold_add_to_orders" style="display: inline-block;"> </div>
<!-- bold-ro-liquid -->
</div>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment