Shopify Upsell Offer in Cart Without an App (Shopify Coding Tutorial)

[@CodingWithJan]

🌟Learn the JavaScript side of Shopify Development: codingwithjan.com/javascript?src=upsell-yt 👨‍💻Find a reliable Developer for your project: www.codingwithjan.com/hire-a-developer

[@adeisaac]

And he is back....thank you man...

[@grantemerson5932]

Really enjoyed this one Jan. Loved the insight into how you utilize snippets of code already written to build this feature. 🧠

[@howdyhowdyhowdyhowdyhowdy]

You always come in so clutch with these videos. We're actually developing this later this month, I hadn't touched checkout extensions yet so very nice to have a tutorial like this

[@howdyhowdyhowdyhowdyhowdy]

Ahhh after watching the video this is in the cart not the checkout... So not totally useful to me. But excellent video as always anyways!

[@CodingWithJan]

yes right, checkout extensions is more app development!! (also Shopify plus only) But still cool you enjoyed the video. :-)

[@tormodsmith9779]

I'm also interested in checkout development. Now, they have checkout extensibility. Any content?

[@catalincatalin4101]

Great content as always Jan, thanks. I would really love to see a video from the one and only, about page speed optimizations. I feel like this is a subject that a lot of developers avoid

[@CodingWithJan]

it is! 😁 Tricky topic, because it's so individual on a per-store-basis. However, there are a few quick wins we could cover. 👍

[@MrElsehrawe]

thank you so much my friend , you did a great job 💌

[@moatazsaber3369]

Finally some coding tutorials 👏👏👏 thanks 🙏

[@farukweb]

best tutorial for upsell offer.

[@BF-non]

These are the best videos! ty

[@CodingWithJan]

🙌

[@boobaland9724]

Great Job Sir, I am working with Shopify custom product fields with a time picker. On my product page, the time is displayed in a 12-hour format. However, when I click "Add to Cart," it shows in a 24-hour format in the cart, and the AM/PM indicators are missing. For example, if I input "03:00 PM," it displays as "Time: 15:00" in the cart. Please help me resolve this issue. Thank you in advance!

[@ethanpompeo]

Awesome video! What if I want to add this feature to my Cart Page, not the cart drawer?

[@mahrabshifat6352]

Make a video to grab the first client in upwork, fiverr as a Shopify developer!

[@gothicaaa]

Thank you Jan for this tutorial! I am trying everything but the Upsell item does not show up on my pop up cart. I am using custom developed theme, but they used recent Dawn as their base. Why wouldn't the extra upsell item not pop up at all, is there any code I should be looking for that's preventing this modification? Thank you so much!

[@IgnacioLanusse-z4i]

@CodingWithJan great videos man. Thank you. Could you make a detailed video on how to do the setup to code on Visual Studio Code? I just want to quit the Shopify editor once and for all... Or did you make any videos about it? Would help me out a lot!

[@CodingWithJan]

Yes great question! :-) I do have a video on how to setup the "Shopify CLI" (Just search "Shopify CLI - Coding with Jan", or on the channel directly, should be easy to find) The CLI lets you connect VS code to a theme. Just for the VS Code setup is not covered, but you'll figure that part out too! 🙌

[@IgnacioLanusse-z4i]

@@CodingWithJan Awesome! thanks. Greetings from Argentina 🤙

[@ron-davin]

I thought Liquid is being rendered server-side? why Liquid for the forloop and the if statement for cart_contains_upsell is working in real time with Ajax though? I need answers Jan! Amazing tutorial

[@CodingWithJan]

You're right! Liquid is rendered server-site. Usually that means for us: "it only works on page load / refresh". ..BUT...you can also request certain sections to re-render using javascript. So you could say "Re-render the cart section" and all the liquid would execute again. :-)

[@forfun2771]

We are adding upsell product by manually. How we can add products like recommended products on product page?

[@pastuh]

You must group products manually anyway..

[@howdyhowdyhowdyhowdyhowdy]

You could look into the "recommended products api", basically just a JavaScript fetch request you make first to fetch the product and then you'd use the response to populate the upsell

[@SiroxHDx]

Does anyone have experience with AI tools helping to develop shopify apps? I want to build a app for my store but my last development experience is some years back so I would like to use the power of AI to help me coding. If anyone has some recommendations for tools or tutorials I would be very happy :)