Видео

Hello! Today we'll be adding a read time estimator to our blog posts! Often times readers over-estimate how long something will take them to read. Adding a read time to your blog posts will not only increase your customer engagement, but also decreaes bounce rates! This is a beginner coding tutorial, and will work for any theme! Links: My First Shopify App! apps.shopify.com/time2read Learning l...

Hi everyone! Today we will be coding a live inventory quantity counter for our Shopify store! Displaying accurate inventory quantities on your product page can help increase your store's conversion rate and add a sense of urgency! This is an intermediate coding tutorial, so I recommend you watch some of my previous videos below! ruclips.net/video/5PQSFR3oRNY/видео.html ruclips.net/video/NT3Ri8O...

Hello! Today we will be adding animations to our website that activate when the user scrolls. Animations can help make your website look more unique! AOS Library: michalsnik.github.io/aos/ Shopify Theme Editor JavaScript reload code: {% if request.design_mode %} document.addEventListener("shopify:section:load", function(event) { AOS.init(); }); {% endif %}

Hey everyone! Today we'll be creating our own product badges! Custom product badges can greatly improve conversion rates and they add a more branded feel to your store! Follow along and make this for your own website! Canva: www.canva.com/ TinyPNG: tinypng.com/ Shopify Product Object (product.tags): shopify.dev/api/liquid/objects/product#product-tags CSS background property: www.w3schools.com/c...

Hey everyone! Today we'll be coding a delivery date estimator. Having an estimated delivery date on your product pages instills trust and will increase your store's conversion rate. Follow along and make this for your own website! Day.js: day.js.org/en/

Hi everyone! Today we'll be implementing a scroll back to top button for our Shopify website. Let me know if you have any questions in the comments! Javascript: raw.githubusercontent.com/SeanMythen/Shopify-Coding-Files/main/Scroll To Top Button Javascript

Hello everyone! Here's part two of the customizable announcement bar tutorial. We'll be going over a simple introduction and implementation of the "blocks" attribute within our schema. Part 1: ruclips.net/video/5PQSFR3oRNY/видео.html Shopify Blocks: shopify.dev/themes/architecture/sections/section-schema#blocks JSON Beautifier: codebeautify.org/jsonviewer Shopify Liquid Reference shopify.github...

Hello everyone! Today we will be coding a customizable announcement bar for our Shopify store. Whether you want to create this for yourself or for a client, learning how to navigate Shopify's backend is a valuable skill to have! This is my first Shopify coding tutorial video so I apologize in advance for any bad audio/video quality! Part 2: ruclips.net/video/NT3Ri8OdTic/видео.html Shopify theme...