New Shopify Certification now available: Liquid Storefronts for Theme Developers

/Cart gift message stopped working

Markus247
Visitor
1 0 0

We had some script below which was implemented in the cart-template.liquid by referencing {% include 'cart-gift-message' %} on the cart-template.liquid code, the form shows in the front end and submits alongside the /cart page when the customer clicks checkout. It shows on the /cart page and customer selects the occasion, recipient name then enters a custom gift message, this was appearing in the Order page on shopify under "additional details" but we've since discovered its stopped working, does anyone have an idea of what the issue could be, any help would be hugely appreciated.

 

cart-gift-message.liquid:

<div class="cart-gift-message">
<p><i class="far fa-gift"></i><strong>Gift Message</strong> (optional)</p>
<p>Sending as a gift?</p>
<p class="cart-attribute__field">
<label>Please Select An Occasion</label><br>
<select id="occasion" name="attributes[Occasion]">
<option value="No Occasion"{% if cart.attributes["Occasion"] == "No Occasion" %} selected{% endif %}>No Occasion</option>
<option value="Birthday"{% if cart.attributes["Occasion"] == "Birthday" %} selected{% endif %}>Birthday</option>
<option value="Valentines Day"{% if cart.attributes["Occasion"] == "Valentines Day" %} selected{% endif %}>Valentines Day</option>
<option value="Mothers Day"{% if cart.attributes["Occasion"] == "Mothers Day" %} selected{% endif %}>Mothers Day</option>
<option value="Fathers Day"{% if cart.attributes["Occasion"] == "Fathers Day" %} selected{% endif %}>Fathers Day</option>
<option value="Christmas"{% if cart.attributes["Occasion"] == "Christmas" %} selected{% endif %}>Christmas</option>
<option value="Thank You"{% if cart.attributes["Occasion"] == "Thank You" %} selected{% endif %}>Thank You</option>
<option value="Good Luck"{% if cart.attributes["Occasion"] == "Good Luck" %} selected{% endif %}>Good Luck</option>
<option value="Graduation"{% if cart.attributes["Occasion"] == "Graduation" %} selected{% endif %}>Graduation</option>
<option value="Congratulations"{% if cart.attributes["Occasion"] == "Congratulations" %} selected{% endif %}>Congratulations</option>
<option value="Anniversary"{% if cart.attributes["Occasion"] == "Anniversary" %} selected{% endif %}>Anniversary</option>
<option value="Sympathy"{% if cart.attributes["Occasion"] == "Sympathy" %} selected{% endif %}>Sympathy</option>
<option value="Get Well"{% if cart.attributes["Occasion"] == "Get Well" %} selected{% endif %}>Get Well</option>
<option value="New Home"{% if cart.attributes["Occasion"] == "New Home" %} selected{% endif %}>New Home</option>
<option value="Wedding"{% if cart.attributes["Occasion"] == "Wedding" %} selected{% endif %}>Wedding</option>
<option value="New Baby"{% if cart.attributes["Occasion"] == "New Baby" %} selected{% endif %}>New Baby</option>
<option value="Pride"{% if cart.attributes["Occasion"] == "Pride" %} selected{% endif %}>Pride</option>
<option value="Other"{% if cart.attributes["Occasion"] == "Other" %} selected{% endif %}>Other</option>
</select>
</p>
<p class="cart-attribute__field">
<label for="recipient-name">Recipient Name</label><br>
<input id="recipient-name" type="text" name="attributes[Recipient Name]" value="{{ cart.attributes["Recipient Name"] }}">
</p>
<p>Add a personal gift message to the card, please type it here.</p>
<p></p>
<p><textarea id="giftmessage" type="text" rows="3" input maxlength="300" name="attributes[Gift Message]">{{ cart.attributes["Gift Message"] }}</textarea></p>
<p></p>
<p class="characters">Max characters 300</p>
</div>

 

Any help would be much appreciated.

Replies 0 (0)