Shopify Lite Cart Notes enabled but not showing

Solved
Highlighted
Tourist
10 1 1

This is an accepted solution.

Sorry @Debbie_Phillips I just saw that you were the original poster and you indicated that it is for the Buy Button, so yeah just add what power glove provided to the buy button emded code, no need to mess with the Shopify Theme file code! 

1 Like
Highlighted
Tourist
7 0 3

Hi @saltwaterdesign 

 

Holy hell ... I have been trying to get this sorted for well over a year and now here we are, 30 seconds and it is done. Thankyou for clarifying where I had to put the code. 

 

I've tested it on all three of my collections and did a few dummy purchases and the notes came through with the order. Thankyou so much.

 

Cheers

1 Like
Highlighted
Tourist
3 0 1

Oh my goodness this is exactly what I'm looking for. I use the Shopify Lite plan with Buy Buttons but need customers to be able to enter notes. Where *exactly* in the embed code does this go??? Can someone post a screenshot with their embed code and exactly where the new line items go? I've tried seemingly everything and I can't get the new options to appear! Thank you for any help!!!

0 Likes
Highlighted
Tourist
10 1 1

Sure! They both go in the "cart" section. The "Note" portion goes under contents and the "Note Description" portion goes under text. 

 

 

Screen Shot 2019-11-08 at 6.52.30 PM.png

0 Likes
Highlighted
Tourist
3 0 1

Either I'm daft, or it just doesn't work for me. 😔 Here's a screenshot of my code. Did I do something wrong?? Also, where exactly do the new fields appear? Right in the cart, before the user clicks Checkout? Or after?

 

Screen Shot 2019-11-08 at 7.04.43 PM.png

0 Likes
Highlighted
Tourist
10 1 1

Hmm i can't tell from just looking at that portion of it because it does look correct, but if you want to send me the full code, I can plug it into a test site and see if I can get it to work for me and see what the problem may be. 

0 Likes
Highlighted
Tourist
3 0 1

AHHHHH I TOTALLY FIGURED OUT WHAT WAS UP!!!!!! For people who are embedding multiple Buy Buttons on the same page, you MUST add the code to every single one of the codes! I only had it on one, and it didn't work. But when I added it to each separate embed code, it WORKED!!! Huzzah!!! So, yeah. ProTip! Add it to EACH of your embed codes!!!!!

1 Like
Highlighted
New Member
2 0 0

Hello. I'm a calligrapher and I just need them to write down their name exactly how they want it written. I don't want to send out a separate email asking for this information. I gave up trying to put in a custom form to the page. I'm now trying to have them fill this out during check out in the Cart Notes.

My description would be "up to 3 words" and title is "Name"

 

I'm having trouble adding the Cart Notes to my website. I use showit and when I add the codes given here the button disappears from my website. I'm guessing I'm doing something wrong. I'm not good with coding. I've been pulling my hair since yesterday. haha. Could you help me please~ 

This is how my codes are right now

 

 

<div id="product-component-1574441297164"></div>
<script type="text/javascript">
/*<![CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src=scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: 'house-of-modern-letters.myshopify.com',
storefrontAccessToken: '7a5eb841c86237f43f626dbb709ef228',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('product', {
id: '4386994978915',
node: document.getElementById('product-component-1574441297164'),
moneyFormat: '%24%7B%7Bamount%7D%7D',
options: {
"product": {
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "calc(25% - 20px)",
"margin-left": "20px",
"margin-bottom": "50px"
}
},
"title": {
"font-size": "20px"
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "13px",
"padding-top": "14.5px",
"padding-bottom": "14.5px",
":hover": {
"background-color": "#8f8a9f"
},
"background-color": "#9f99b1",
":focus": {
"background-color": "#8f8a9f"
},
"padding-left": "20px",
"padding-right": "20px"
},
"quantityInput": {
"font-size": "13px",
"padding-top": "14.5px",
"padding-bottom": "14.5px"
},
"price": {
"font-family": "Lato, sans-serif",
"font-size": "18px"
},
"compareAt": {
"font-family": "Lato, sans-serif",
"font-size": "15.299999999999999px"
},
"description": {
"font-family": "Lato, sans-serif"
}
},
"contents": {
"img": false,
"title": false,
"price": false
},
"googleFonts": [
"Lato",
"Montserrat"
]
},
"productSet": {
"styles": {
"products": {
"@media (min-width: 601px)": {
"margin-left": "-20px"
}
}
}
},
"modalProduct": {
"contents": {
"img": false,
"imgWithCarousel": true,
"button": false,
"buttonWithQuantity": true
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0px",
"margin-bottom": "0px"
}
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "13px",
"padding-top": "14.5px",
"padding-bottom": "14.5px",
":hover": {
"background-color": "#8f8a9f"
},
"background-color": "#9f99b1",
":focus": {
"background-color": "#8f8a9f"
},
"padding-left": "20px",
"padding-right": "20px"
},
"quantityInput": {
"font-size": "13px",
"padding-top": "14.5px",
"padding-bottom": "14.5px"
},
"price": {
"font-family": "Lato, sans-serif"
},
"compareAt": {
"font-family": "Lato, sans-serif"
},
"description": {
"font-family": "Lato, sans-serif"
}
},
"googleFonts": [
"Lato",
"Montserrat"
]
},
"option": {
"styles": {
"label": {
"font-family": "Lato, sans-serif"
},
"select": {
"font-family": "Lato, sans-serif"
}
},
"googleFonts": [
"Lato"
]
},
"cart": {
"styles": {
"button": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"font-size": "13px",
"padding-top": "14.5px",
"padding-bottom": "14.5px",
":hover": {
"background-color": "#8f8a9f"
},
"background-color": "#9f99b1",
":focus": {
"background-color": "#8f8a9f"
}
},
"title": {
"color": "#4c4c4c"
},
"header": {
"color": "#4c4c4c"
},
"lineItems": {
"color": "#4c4c4c"
},
"subtotalText": {
"color": "#4c4c4c"
},
"subtotal": {
"color": "#4c4c4c"
},
"notice": {
"color": "#4c4c4c"
},
"currency": {
"color": "#4c4c4c"
},
"close": {
"color": "#4c4c4c",
":hover": {
"color": "#4c4c4c"
}
},
"empty": {
"color": "#4c4c4c"
},
"noteDescription":{
"color": "#4c4c4c"
},
"discountText": {
"color": "#4c4c4c"
},
"discountIcon": {
"fill": "#4c4c4c"
},
"discountAmount": {
"color": "#4c4c4c"
}
},
"text": {
"notice": "Discount codes are added at checkout."
},
"googleFonts": [
"Montserrat"
]
},
"toggle": {
"styles": {
"toggle": {
"font-family": "Montserrat, sans-serif",
"font-weight": "bold",
"background-color": "#9f99b1",
":hover": {
"background-color": "#8f8a9f"
},
":focus": {
"background-color": "#8f8a9f"
}
},
"count": {
"font-size": "13px"
}
},
"googleFonts": [
"Montserrat"
]
},
"lineItem": {
"styles": {
"variantTitle": {
"color": "#4c4c4c"
},
"title": {
"color": "#4c4c4c"
},
"price": {
"color": "#4c4c4c"
},
"fullPrice": {
"color": "#4c4c4c"
},
"discount": {
"color": "#4c4c4c"
},
"discountIcon": {
"fill": "#4c4c4c"
},
"quantity": {
"color": "#4c4c4c"
},
"quantityIncrement": {
"color": "#4c4c4c",
"border-color": "#4c4c4c"
},
"quantityDecrement": {
"color": "#4c4c4c",
"border-color": "#4c4c4c"
},
"quantityInput": {
"color": "#4c4c4c",
"border-color": "#4c4c4c"
}
}
}
},
});
});
}
})();
/*]]>*/
</script>

0 Likes
Tourist
10 1 1

Here's a link to your code with the proper addition for the order notes: https://www.codepile.net/pile/v5b20g52

 

I tested it on my own ShowIt site and seems to be working. Let me know if you have any questions. 

0 Likes
Highlighted
New Member
2 0 0

OMG! you are amazing!! It's working. 

Is there a way I can contact you directly? Email address?

0 Likes