- 63
- 193 226
Will Misback
United States
Приєднався 3 чер 2020
I post videos about how complete beginners can customize their Shopify website. I also review apps and other things relating to Shopify. If you are interested in seeing me make a video about a particular topic, be sure to leave the suggestion in the comment section of one of my videos!
OpenAI Sora FIRST LOOK: Compilation of Mind-Blowing AI Clips
This video is a compilation of AI-generated clips created with Sora, highlighting its ability to transform ideas into visually stunning videos.
#OpenAISora #AIVideo #AIGeneratedContent #OpenAI #VideoCreation #TechDemo #ArtificialIntelligence
#OpenAISora #AIVideo #AIGeneratedContent #OpenAI #VideoCreation #TechDemo #ArtificialIntelligence
Переглядів: 26
Відео
How to Create a Shopify Low/No-Stock Email in 2 minutes
Переглядів 202 години тому
I cover how to make Shopify Flow email you when product inventory on your Shopify store gets low. Freelance Shopify Developer (4 yrs experience) email: me@willmisback.com Connect with me: www.linkedin.com/in/will-misback/
OpenAI’s Sora Launched Today - Watch Its Mind-Blowing Demos!
Переглядів 3514 години тому
OpenAI has officially launched Sora, its revolutionary text-to-video AI, and it’s already changing the game! In this video, I've compiled the most stunning demo clips showcasing Sora’s ability to generate incredible videos from simple text prompts. From animating images to remixing existing footage, Sora represents a huge leap forward in AI creativity. Whether you're a content creator, filmmake...
FX Black Friday Animation Shopify App Review
Переглядів 9128 днів тому
FX Black Friday Animation allows you to add snow & festive effects to your Shopify store to help it stand out this BFCM. ►Email me: me@willmisback.com ►Get my latest tips & tricks sent to your inbox: willmisback.com/newsletter ►Get started with learning Shopify development: Learn Shopify Development: Beginner's Guide 2024 Connect with me: linkedin.com/in/will-misback/ Tweet @ me: x.com/eComOver...
Learn Shopify Development: Beginner's Guide 2024
Переглядів 6942 місяці тому
Looking to become a Shopify developer in 2024 but not sure where to start? This comprehensive beginner's guide will walk you through the essential steps to kickstart your journey into Shopify front-end development. In this series, we'll cover: Learning HTML, CSS, and JavaScript: The building blocks of web development. - Mastering Liquid: Shopify's powerful templating language. - Navigating the ...
Full Workflow - Shopify Development
Переглядів 3343 місяці тому
In this video, I cover how I would code an example client request. I go through how to diagnose a solution, code & test that solution & then allow a client to preview that solution. Prerequisite videos: Code Your Shopify Site With Visual Studio Code: ua-cam.com/video/EI3nzbVgYAw/v-deo.html Local Theme Development with Shopify CLI: ua-cam.com/video/Wq0WsCbfkXM/v-deo.html Connect with me: www.lin...
Heatmaps & Session Recoding on Shopify (Free)
Переглядів 2623 місяці тому
In this video, I show you how to add Microsoft Clarity to your Shopify site. Clarity provides free heat-mapping & session recording. Clarity is a powerful tool for identifying user pain points, improving user experience and optimizing conversions. Connect with me: www.linkedin.com/in/will-misback/ Email me: me@willmisback.com Microsoft Clarity: www.clarity.microsoft.com Timestamps: 0:00 What is...
Hoverable Drop Down Menu Shopify - UPDATED [2024]
Переглядів 2,4 тис.8 місяців тому
In this video, I show you how to add a hoverable dropdown menu to your Shopify site using the newly released Dawn theme. This tutorial also works for the following free Shopify themes: Crave theme, Studio theme, Taste theme, Craft theme, Sense theme, Refresh theme, Ride theme Connect with me: www.linkedin.com/in/will-misback/ Don't @ me: eComOverlord Email me: me@willmisback.com My ...
My Favorite VSCode Extensions for Shopify Development
Переглядів 1,3 тис.8 місяців тому
The best Visual Studio Code Extensions for front-end Shopify development. Code Your Shopify Site With VSCode: ua-cam.com/video/EI3nzbVgYAw/v-deo.html Chapters: 0:00 Intro 0:15 Shopify Liquid 0:54 Liquid Snippets 1:13 GitLens 1:39 CSS Peak 2:22 GitHub Dark Theme 2:37 Outro Extensions Shopify Liquid - marketplace.visualstudio.com/items?itemName=Shopify.theme-check-vscode Liquid Snippets - marketp...
Shopify Liquid in 2 Minutes
Переглядів 539Рік тому
Liquid is Shopify's templating language, designed to help you build dynamic e-commerce websites. Learn how concepts like objects, tags, and filters work. #shopify #liquid #webdev 🔗 Resources Liquid Docs shopify.dev/docs/api/liquid Liquid Cheatsheet www.shopify.com/partners/shopify-cheat-sheet My latest Shopify Tips & Tricks: wmiz.github.io/mastering-shopify/ Connect with me: www.linkedin.com/in...
Extra Order Data w/ Shopify Line Item Properties
Переглядів 2,4 тис.2 роки тому
In this video, I cover how to offer extra customization for orders placed on your Shopify site. This tutorial makes use of Shopify's Line Item properties. Most features are built into Shopify's free themes. This tutorial uses Dawn, but a similar method could be applied to other themes. Let me know if you have any questions or comments below! Connect with me: www.linkedin.com/in/will-misback/ Do...
Local Theme Development with Shopify CLI
Переглядів 2,2 тис.2 роки тому
In this video, I cover how to use the Shopify CLI to preview your changes live while coding your Shopify theme. Shopify CLI's theme serve functionality has a built-in hot reload as well as the ability to use the theme customizer. If you have any questions about Shopify CLI or local theme development, please let me know in the comments below. GitHub Shopify Integration video: ua-cam.com/video/EI...
Filter By Price in Site Header with NO CODING
Переглядів 1772 роки тому
Filter By Price in Site Header with NO CODING
Change Cart Icon Bubble Color - Shopify Dawn
Переглядів 3,8 тис.2 роки тому
Change Cart Icon Bubble Color - Shopify Dawn
Add Hover Effect to Header Menu - Sense Theme Shopify
Переглядів 3,8 тис.2 роки тому
Add Hover Effect to Header Menu - Sense Theme Shopify
Best Free Shopify Chat App? - Shopify Inbox Review
Переглядів 10 тис.2 роки тому
Best Free Shopify Chat App? - Shopify Inbox Review
Disable Right-Click Image Copying on ANY Shopify Theme
Переглядів 9462 роки тому
Disable Right-Click Image Copying on ANY Shopify Theme
Add jQuery to Any Shopify Theme in Under 2 Minutes
Переглядів 2,7 тис.2 роки тому
Add jQuery to Any Shopify Theme in Under 2 Minutes
Code Your Shopify Site With Visual Studio Code
Переглядів 25 тис.2 роки тому
Code Your Shopify Site With Visual Studio Code
Make Your Shopify Store More Sustainable - Offset App Review
Переглядів 2442 роки тому
Make Your Shopify Store More Sustainable - Offset App Review
Hover Dropdown Menu - Craft Theme Shopify OS 2.0
Переглядів 3,4 тис.2 роки тому
Hover Dropdown Menu - Craft Theme Shopify OS 2.0
Permanent Sticky Header - Shopify Dawn Theme
Переглядів 11 тис.3 роки тому
Permanent Sticky Header - Shopify Dawn Theme
Shopify Supply Theme Review & Overview
Переглядів 3993 роки тому
Shopify Supply Theme Review & Overview
Prevent Scrolling While Selecting Product Variant - Shopify Dawn Theme
Переглядів 6 тис.3 роки тому
Prevent Scrolling While Selecting Product Variant - Shopify Dawn Theme
Shopify Simple Theme Review & Overview
Переглядів 4123 роки тому
Shopify Simple Theme Review & Overview
Let me know what prompts you would like to see in video format!
CODE FROM VIDEO: Subject {{shop.name}} - {{ product.title }} - {% if productVariant.inventoryQuantity == 0 %}Out of Stock{% else %}{{ productVariant.inventoryQuantity }} stock remaining{% endif %} Body {{product.title}} - {% if productVariant.inventoryQuantity == 0 %}Out of Stock{% else %}{{ productVariant.inventoryQuantity }} stock remaining{% endif %} {{shop.myshopifyDomain}}/admin/products/{{product.id | split: "/" | last }}
Let me know what prompts you want to see as a reply to this comment. Thanks!
Will a similar process work to hide collections from search too?
I will make a video about a cross resource solution for this soon.
This is just what I need! I followed the directions using the snippet #1 and #2 and ended with this error in Console: Uncaught ReferenceError: $ is not defined at no-image-copy.js?v=69227385691055395341732056578:1:1 Tested on Safari and Chrome. Any thoughts?
Easy, straight to the point, and awesome. Thank you
Glad to hear it!
worked perfectly, and the presentation was easy to follow! Thanks so much Will!
Thanks for the kind words David!
Worked like a charm!
Awesome! Thanks for letting me know!
Hi Will! Hope this comment finds you well after all these years! This method still works great but I have an issue, I use a wholesale app that has a section for products that only wholesale tagged customers can view by logging in. Issue I’m having is that anyone can view the wholesale products by using the search bar (they do not get wholesale prices if they aren’t a wholesale tagged customer) which is good, BUT once I add the 1 value to the hidden metafield it certainly hides the product from the search function which is great, but it also removes the wholesale pricing for the wholesale customers. Do you know why this is happening and how to fix it? Thanks!
Hi, no I don't know why it would be removing the wholesale pricing off the top of my head. Would need to dig into the code.
Thank you so much ,code is working.
Appreciate it! Glad it's working.
Hey! does reverting the checkout page cause any issues? will i have to setup the whole page once again or is it just backend stuff that wont change the customer experience?
Unless you are using checkout extensibility stuff, you should have no issues reverting
merci 😍
When should part 2 with the clickable parent be available?
When is part 2 coming? I need it to be clickable❤
Thank you!
You are welcome!
Thank you so much for this. I am trying to build a page, and I only want customers to see the Prebuilt PCs and not the individual components. This is fantastic help.
Glad to hear it! Happy to help & good luck with the site!
Happy to answer any additional questions!
Do you do any backend dev?
@@jjselise Yes
seal or appstle?
it works, thanks alot
Glad to hear it!
Can you please provide the whole liquid code from where the form starts to where it ends in the main-product section? I have used both Dawn and Spotlight and neither have the same code as your video shows. Thanks
I am having an issue with this code, I have added sub menus to my menus, and the hover works for the first set of menus but once I navigate past the first submenu, the whole menu closes... can you please help?
The 2nd plugin, "Shopify Liquid Template Snippets" appears to be referring to the extension by Franky Lau. It has 170K downloads as of this writing. I noticed there's another that has only 5K downloads called "Shopify Liquid Snippets" by Ways Agency. Although it has fewer downloads, I wonder if anyone has compared the two, because Franky's extension was originally published mid 2016 and last updated mid 2021, whereas the Ways Agency extension was developed and updated last year (2023). Maybe it's a fork with newer features!?
This is great, just what I was looking for! I'd also like to give people that sign up a discount code that reveals itself upon signing up on the blog post, but without them having to leave the blog page and go to their email. Any suggestions for this? Would it be possible to make the sign up confirmation message show the code, that they can then copy and use? Thanks!
This is a great idea. Since Shopify actually submits the form & reloads the page, we would need custom code that would trigger a popup if the certain URL parameters are present (contact%5Btags%5D=newsletter&form_type=customer#ContactFooter).
Thankyou man loved it . I am new to shopify development, any tips?
Glad to hear it man. Learning shopify stuff can be confusing & slow going at first, but keep at it. I have this video which covers how to dip into Shopify development if you haven't seen it yet: ua-cam.com/video/rIu_Ipz13Yo/v-deo.html . But yeah it is going to depend how much web dev you know already or if you are a complete beginner?
Let me know if you have any specific workflows you prefer for Shopify would love to hear! Also I know I may have moved fast in the above so please let me know if you have any questions & I will be happy to answer them.
On the Refresh Theme it is in meda-gallery.js, Line 52 : window.scrollTo({ top: top, behavior: 'smooth' }); -> Just add "//" (without ") before that line. Refresh Theme Version 14
thx will, it worked with a single drop-down menu, yet it did not work on a double-nested drop-down menu. On a double-nested drop down the menu disappears when you try to bring your mouse right after double-nested items. Any chance to help with this?
worked perfectly! many thanks for this
Glad to hear it! Thanks for letting me know.
@@WillMisback will I added a double-nested drop-down but it did not work on the double-nested drop down. It opens automatically on the first layer yet when you try to go below the drop down menu disappears without being able to hover on the other nested items. any chance to fix this?
One last note. Be sure to add that you use Clarity to your site's privacy policy/terms of service. If you have any other questions, please drop a comment below & I will help you out!
Works perfectly thx
Glad to help!
hey @willMisback been following your content for a while. Thank you for it! What is your recommendation for integrating this with headless so that my headless will have the same theming as the monolith site? So I have setup headless in VScode and that is fine and I have set this up to pull down all the the theme files (works great). Now working on combining the two, if you will.
Hi thanks for your video. Is there some code I can wrap around your code that will only activate the hover drop down effect only when the screen size width is >990px (if screen width is <=900 have no hover effect) Thank you.
Underrated video. Thank you.
Glad it was helpful!
hey love your video. Could you please show how to make header clickable in Sense theme. Thanks so much!
Did you ever find a solution to this? I'm using Taste and when I create a dropdown menu the main menu items are no longer clickable
Good catch! I will post an optional update video to make these items clickable, thanks for letting me know
Does this implementation work with Bundle Builder?
@WillMisback this fix works perfectly for studio template but for trade the dropdown gets closed as soon as we move the cursor to the items in the dropdown. What would your suggestion be to deal with this problem?
Hey Vasu that's probably an issue with the spacing of those elements. This will only work if your cursor is hovering over certain elements. Fixes would be changing padding/margins or expanding the kinds of elements the hover works on.
Elite tutorial - got my hover menu done in like 5 minutes and I don't know any code. Thanks Will!
Appreciate the kind words Brenna!
0:25 I couldn't agree more, almost vomited
Hye, thanks for the excellent tutorial video. It is very helpful in creating my blog: How to Hide Pages From Shopify Search Using Metafields
Thanks for this video! I'd love to see a deeper dive into your VSCode setup for Shopify Development.
Thanks bsewall, stay posted!
Hello! Your videos are very useful, thank you for the content! I am trying to run shopify theme dev in my VSC terminal but every time it redirects me to log in using my web browser, and I log in succesfully, it returns an error message "invalid target" to the terminal, any suggestions?
Hmm... Hard to troubleshoot over the comment section. You probably have already done this but try "shopify auth logout" & then the theme dev command again to reset things.
really good video, I was struggling to get where you did it in 7min, really appreciate!
Appreciate you, MrVPina!
Tankuuu
welcommm
Subscribed!!! Thank you for the help.
1 million thanks!
thankyou really helpful video but would you be able to let me know how to keep down up to date then ??
Keeping shopify cli up to date is going to depend upon how you installed it. For npm, the command is npm install -g @shopify/cli@latest
does that work today?
neva mind, found it. CHEERS MATE
Cheers to you as well! Out of curiousity is this method still working?
Thanks for this video!
You are very welcome!
I'm a beginner, thank you for your sharing, it's great.😍
Thank you for watching!
the dropdown menu disappears when you try to click on any category on the dropdown menu all page except homepage.
does anyone know where to find the line of code in refresh theme?