In this episode of the Liquid Weekly Podcast, host Karl Meisterheim and co-host Taylor Page welcome Patrick Millegan from Shopify to discuss the new customer accounts feature. They explore Patrick's journey to Shopify, the evolution of customer accounts, and the importance of user experience and branding. The conversation delves into the challenges and opportunities presented by the new system, including the balance between functionality and design, and the launch partner program aimed at enhancing the Shopify ecosystem. In this conversation, Patrick Millegan discusses the evolving landscape of e-commerce, particularly focusing on Shopify's new customer accounts and the technical challenges involved in their development. He emphasizes the importance of early adopters in the e-commerce space and the need for extensibility and customization in Shopify's offerings. The discussion also touches on the future of classic customer accounts, the vision for Shopify in 2025, and the role of community feedback in shaping product development. *Timestamps* 00:00 The Evolution of Customer Accounts 10:01 Insights Behind New Customer Accounts 17:58 Gains and Losses with New Customer Accounts 20:50 Navigating Customer Account Experiences 27:40 Branding and Customization Challenges 33:47 Launch Partner Program Insights 39:52 Technical Considerations in New Customer Accounts 51:17 Future of Classic Accounts 51:40 The Future of Customer Accounts 53:18 Checkout Extensibility and Theme Evolution 58:24 Building for Scale and Performance 01:00:32 Personal Insights and Picks of the Week 01:08:49 Changelog Updates and Community Engagement 01:11:56 LW Podcast Outro.mp4 *Resources* Developer documentation https://shopify.dev/docs/apps/build/customer-accounts Deciding where to place extensions https://shopify.dev/docs/apps/build/customer-accounts/extension-placement UX best practices https://shopify.dev/docs/apps/build/customer-accounts/ux Customer Accounts Extensibility Overview Video from Shopify's Winter 2024 Edition https://www.shopify.com/editions/winter2024/video/customer-accounts-ui-extensions Past Product Launch Posts New Customer Accounts V1 Launch Post (Feb 23') https://x.com/pmillegan/status/1624440087982510081 Customer account api for headless/hydrogen stores launch blog post (June 23') https://www.shopify.com/partners/blog/introducing-customer-account-api-for-headless-stores Customer Account Extensiblity Dev Preview Launch Post (Dec 23') https://x.com/pmillegan/status/1732062590824820951 Dev Features and Extensibility GA announcement Launch Post (june 24') https://x.com/pmillegan/status/1805281782972985502 Patrick on X https://x.com/pmillegan/status/1624440087982510081 Discount Codes! Click this one if you like Taylor https://keapathletics.com/discount/editions2024 Click this one if you prefer Karl https://keapathletics.com/discount/unite2019
In this conversation, Karl Meisterheim, Taylor Page, and Kurt Elster discuss the challenges and strategies of collaboration in the Shopify development space, particularly focusing on working with clients and other developers. Kurt shares his entrepreneurial journey, the origins of EtherCycle, and the importance of effective communication and documentation in development teams. The discussion also touches on the significance of partnerships, risk-taking in entrepreneurship, and the necessity of adhering to best practices in Shopify development. Kurt also discusses the importance of streamlined communication in client relationships, the challenges of managing multiple points of contact, and the difficult but sometimes necessary decision to fire clients. They explore the criteria for determining when a client relationship is no longer beneficial and share personal experiences with client management. The discussion also touches on the selection of themes for development projects, recent updates in Shopify, and personal projects. *Timestamps* 00:00 Introduction 00:20 Kurt Elster's Origin Story 03:22 The Evolution of EtherCycle 06:26 Partnership Dynamics in Business 09:12 Client Collaboration Challenges 12:14 Effective Communication Strategies 14:58 Project Management Tools and Techniques 17:59 Documentation Best Practices 21:00 Navigating Existing Codebases 23:58 Screencasts and Client Education 26:54 Team Collaboration and Role Clarity 32:16 Navigating Tooling and Build Processes 34:26 Dealing with Client Communication Challenges 41:40 The Art of Firing Clients 47:42 Funny Client Stories and Experiences 50:40 Theme Selection and Development Strategies 54:28 Shopify Updates and Change Log 57:56 Personal Updates and Picks of the Week *Connect with Kurt Elster:* Follow Kurt on Twitter: https://twitter.com/kurtinc Listen to *The Unofficial Shopify Podcast*: https://link.chtbl.com/tusp Join Kurt’s newsletter: https://kurtelster.com/ Check Kurt’s agency work at Ethercycle: https://ethercycle.com/work/ Subscribe to Kurt’s YouTube channel: https://www.youtube.com/user/ethercycle *Resources* Clickup: https://clickup.com/ Shopify Theme Store: https://themes.shopify.com/Alan Weiss (author): https://www.amazon.com/stores/Alan-Weiss/author/B000AQ0PNG *Dev Changelog* https://shopify.dev/changelog Shopify CLI is now easier to install and faster for Liquid theme development: https://shopify.dev/changelog/shopify-cli-is-now-easier-to-install-and-faster-for-liquid-theme-development New Full-Funnel Theme Install Parameters and Now Firing E-Commerce Events on the Theme Listing Page: https://shopify.dev/changelog/new-full-funnel-theme-install-parameters-and-now-firing-e-commerce-events-on-the-theme-listing-page New Full-Funnel App Install Parameters and Now Firing E-Commerce Events on the App Listing Page: https://shopify.dev/changelog/new-full-funnel-app-install-parameters-and-now-firing-e-commerce-events-on-the-app-listing-page Post-purchase offers limit is increased: https://shopify.dev/changelog/post-purchase-offers-limit-is-increased Product Feed webhooks now support per-market inventory: https://shopify.dev/changelog/product-feed-webhooks-now-support-per-market-inventory *Picks of the Week* Karl: https://www.udio.com/ Kurt: https://www.do3d.com/, https://us.store.bambulab.com/products/p1s Taylor: https://tally.so/ *Signup for Liquid Weekly* Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
In this episode of the Liquid Weekly Podcast, hosts Karl Meisterheim and Taylor Page welcome Thomas Kelly, CEO of Archetype Themes, to discuss the intricacies of Shopify theme development and the introduction of DevKit. Thomas shares his journey from working at Shopify to leading a successful theme business. The episode concludes with insights on the future of app development and community engagement. *Find Thomas Online* Twitter: https://x.com/thommaskelly Linkedin: https://www.linkedin.com/in/thommaskelly/ Archetype themes: https://archetypethemes.co/ *Additional Resources* Archetype Themes on Theme Store: https://themes.shopify.com/designers/archetypethemes Devkit: Landing page: https://reference-theme.archetypethemes.co/ Main repo: https://github.com/archetype-themes/devkit Signup: https://dev.archetypethemes.co/ Reference theme repo: https://github.com/archetype-themes/reference-theme Reference components repo: https://github.com/archetype-themes/reference-components
Join us for an in-depth conversation with *Tobi Lutke*, Co-Founder and CEO of Shopify and the creator of Liquid, as he shares his insights on the future of e-commerce, entrepreneurship, and the role of technology in shaping the industry all while talking about the origins of creating Liquid. *Find Tobi Lutke online* Website: https://tobi.lutke.com/ Twitter: https://x.com/tobi LinkedIn: https://www.linkedin.com/in/tobiaslutke/ *Additional Resources:* Real Genius (movie) - https://www.imdb.com/title/tt0089886/ Compilers: Principles, Techniques, and Tools - https://bookshop.org/p/books/compilers-principles-techniques-and-tools-ravi-sethi/7170660?ean=9780321486813 Shopify Vision - first wayback snapshot March 2006 - https://web.archive.org/web/20060303075254/http://vision.shopify.com/ last wayback snapshot April 2011 - https://web.archive.org/web/20110524163912/http://vision.shopify.com/ Ruby: https://www.ruby-lang.org/en/ Ruby on Rails: https://rubyonrails.org/ Metaobjects: https://shopify.dev/docs/api/liquid/objects/metaobject Metafield Tag and Filters: https://shopify.dev/docs/api/liquid/filters/metafield_tag, https://shopify.dev/docs/api/liquid/filters/metafield_text Remix Open Source Repo: https://github.com/remix-run/remix Remix: https://remix.run/ Kirill Platonov: https://kirillplatonov.com/ Shopify Functions: https://shopify.dev/docs/apps/build/functions *Sign Up for Liquid Weekly* Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
In this episode of Liquid Weekly, Karl and Taylor sit down to reflect on their experiences and share their thoughts on various topics, including their podcast, Liquid Weekly, and their plans for the future. The conversation covers their journey so far, including the challenges and successes they've encountered. They also discuss some technical updates, such as changes to the Shopify API and new features, as well as their personal preferences and "picks of the week." From their experiences with Shopify development to their thoughts on Linux and other technical topics, this episode offers valuable insights for anyone interested in the world of e-commerce and tech. *Resources* Shopify Dev Alliance: https://shopdevalliance.com/ Shopify Keyboard: https://shopify.supply/products/shopify-keyboard *Shopify Dev Changelog* Even more personalized guidance during app submission - https://shopify.dev/changelog/even-more-personalized-guidance-during-app-submission New return APIs to create exchanges, add fees, remove return lines and calculate returns - https://shopify.dev/changelog/new-return-apis-to-create-exchanges-add-fees-remove-return-lines-and-calculate-returns The location object requires read_locations scope - https://shopify.dev/changelog/the-location-object-requires-read_locations-scope Query bundle components on SFAPI - https://shopify.dev/changelog/query-bundle-components-on-sfapi The Product Discount Function API now supports cart line targeting - https://shopify.dev/changelog/the-product-discount-function-api-now-supports-cart-line-targeting Writing Metafield values available on the Customer Account API - https://shopify.dev/changelog/writing-metafield-values-available-on-the-customer-account-api *Picks of the Week* (Karl) Everbuilt Sump Pit Cover - https://www.homedepot.com/p/Everbilt-Radon-Mitigation-Basin-Cover-THD1085/300484358(Karl) Omakub - https://world.hey.com/dhh/introducing-omakub-354db366 (Taylor) Shopify Keyboard: https://supply.shopify.com/products/shopify-keyboard Sign Up for Liquid Weekly Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
In this special release episode, Karl and Taylor sit down to chat about Editions.dev, an in-person developer event hosted by Shopify for first time in years. In the first part of this episode, Karl talks to Taylor about what the experience was like and additional takeaway after the event. In the second part of this episode (starting at 57:13), Karl and Taylor interview Harshdeep Singh Hura, the award winning Shopify developer from Shopify's very first Shopify Build Awards announced and awarded at the Editions.dev event. Harshdeep is the award winner for the Developer Community award for his tireless efforts in open source and helping educate others about Shopify. Episode Resources: Editions.dev awards: https://www.editions.dev/pages/summer-editions-2024-build-awards Editions.dev awards writeup: https://www.shopify.com/partners/blog/2024-shopify-build-awards Harshdeep Online and Resources: Website: https://harshdeephura.com/ Twitter: https://x.com/kinngh YouTube: https://www.youtube.com/@KinnghHeura Github (Open Source Boilerplates for Building Amazing Shopify Apps): https://github.com/kinngh Don't forget to subscribe to Liquid Weekly Newsletter for Shopify Developer resources and content: https://liquidweekly.com/
In this episode of the Liquid Weekly podcast, Karl and Taylor dive deep into the world of Shopify development. They kick things off by addressing some of the most pressing freelancing dilemmas. Ever wondered how to ensure you have the full scope from a client? Learn about the pitfalls of making assumptions and emphasize that every project brings its own unique challenges. Karl and Taylor then transition into the intriguing domain of "Free gift with purchase" promotions and their own experiences - from techniques to master client-side JavaScript to leveraging Scripts. If you've ever been curious about how various themes handle cart events or which ones truly excel in developer documentation, you're in for a treat. Speaking of JavaScript, Karl and Taylor explore how it integrates with Shopify themes, giving a special nod to the light but versatile Alpine.js. Our hosts, Karl and Taylor, get candid about their personal experiences. Karl, in his signature style, reveals a unique birthday treat that he swears by. The duo delves into the art of project scoping and the importance of understanding a client's needs. Taylor learns, and so do we, about the concept of "paid discovery" from Karl, making a compelling case for why it stands out from the regular audits or gratis work. But that's not all! Taylor has some insights to share on an innovative approach to billing that could be a game-changer for freelancers. To wrap things up, we touch upon the exciting realm of AI in Shopify, throwing the spotlight on the recently announced "Sidekick". It's a packed episode with expert tips, enlightening discussions, and a sprinkle of light-hearted banter. // Resources // Alpine.js, a lightweight Javascript framework: https://alpinejs.dev/ Sidekick, the Shopify AI Assistant: https://www.shopify.com/magic Delay in reviews for automatic checks: https://changelog.shopify.com/posts/delayed-publishing-of-reviews-in-shopify-s-app-store Glen Coates (VP of Product at Shopify) Tweet about removing 15,000 fake reviews from app store: https://twitter.com/glencoates/status/1674091876968722435?s=20 Bridgetown, a static site generator using Ruby: https://www.bridgetownrb.com/
Welcome to the first ever episode of the Liquid Weekly Podcast! A podcast all about Shopify Development. In this episode, Karl and Taylor introduce themselves and talk about how they got started in coding and eventually Shopify. Karl also shares more about the vision for Liquid Weekly and the purpose of the podcast. Taylor explains how he went from being a social worker to a self-taught full-time freelancer and Shopify Expert customizing Shopify themes. Talking about a failed dropshipping store and freelancing "diaper money" to full-time work and building up a business. Karl talks about how he started with computers from a very young age and being inspired by the web and what all could be done. This led to starting his education in computer programming but Karl jumped into the freelancing and web development world quickly while still getting his education. Karl went on to work through various freelancing and full-time engineering positions before moving into consulting and specializing in Shopify. Both Karl and Taylor talk about the benefit of niching down and how focusing on Shopify has helped their careers. // Resources and Links // *some links are affiliate links and it's possible that by purchasing through the link we may earn a small commission Shopify Theme Customization with Liquid by Ivan Djordjevic (book): https://www.amazon.com/Shopify-Theme-Customization-Liquid-state/dp/1801813965 (affiliate link: https://amzn.to/3Oc6aeo) Shopify Dev Changelog Scheduled: https://shopify.dev/changelog/scheduled Changes to Asset URLs: https://changelog.shopify.com/posts/changes-to-asset-urls Shopify Dev Changelog, merchant asset URLs: https://shopify.dev/changelog/changes-to-merchant-asset-urls Shopify Liquid File URL Filter: https://shopify.dev/docs/api/liquid/filters/file_url The Soul of a New Machine by Tracy Kidder (book): https://www.amazon.com/Soul-New-Machine-Tracy-Kidder/dp/0316491977 (affiliate link: https://amzn.to/3YhUqMi)
In this episode of the Liquid Weekly Podcast, hosts Karl Meisterheim and Taylor Page welcome Kirill Platonov, a Shopify developer specializing in Ruby on Rails. The conversation explores Kirill's journey into development, his experiences building Shopify apps, and the evolution of the Rails ecosystem. They discuss the challenges and advantages of using Rails with Shopify, the impact of open-source contributions, and the transition to GraphQL. Kirill shares insights on the future of Rails development and the importance of community support in the tech space. Timestamps 00:00 Guest Introduction and Background 02:17 Transitioning to Ruby and Rails 05:12 Building Shopify Apps and Early Experiences 08:03 Challenges with Shopify's Ecosystem 11:00 Developing with Hotwire and AppBridge 14:15 Open Source Contributions and Community Impact 17:10 Working with Shopify's Development Team 20:19 Current Projects and Future Plans 23:21 Reflections on the App Store Landscape 26:11 The Future of Rails in Shopify Development 32:11 Exploring the Full Stack with Rails 37:35 Simplifying App Development with Rails 40:29 Getting Started with Ruby on Rails 43:38 Transitioning to GraphQL 50:30 Updates in the Developer Community 56:22 Personal Updates and Picks of the Week Find Kirill Online Website: https://kirillplatonov.com/ Github: https://github.com/sponsors/kirillplatonov Twitter(X): https://x.com/kirplatonov LinkedIn: https://www.linkedin.com/in/kirplatonov/ Wife's shop: https://bleakandsleek.shop/ Kirill's Apps and Repos Platmart: Bulk Price Editor: https://apps.shopify.com/fast-bulk-price-editor Platmart: Color Swatches: https://apps.shopify.com/fast-product-colors Platmart Size Charts: https://apps.shopify.com/platmart-size-charts Shopify Hotwire Sample: https://github.com/kirillplatonov/shopify-hotwire-sample Polaris View Components: https://github.com/baoagency/polaris_view_components Shopify GraphQL Gem: https://github.com/kirillplatonov/shopify_graphql Resources Shopify App Bridge: https://shopify.dev/docs/api/app-bridge Dev Changelog New .dev community forum: https://community.shopify.dev/ Built for Shopify update to grace period for programmatically assessed criteria: https://shopify.dev/changelog/built-for-shopify-update-to-grace-period-for-programmatically-assessed-criteria Storefront API Cart now supports removing Gift Cards: https://shopify.dev/changelog/storefront-api-cart-now-supports-removing-gift-cards Breaking Changes to CAPTCHA protection on Storefront forms: https://shopify.dev/changelog/breaking-changes-to-captcha-protection-on-storefront-forms New validation against duplicate handles in productCreate, productUpdate, and productSet mutation inputs: https://shopify.dev/changelog/new-validation-against-duplicate-handles-in-productcreate-productupdate-and-productset-mutation-inputs Picks of the Week Kirill: Cursor AI https://www.cursor.com/ Karl: The Mysterious Cities of Gold https://en.wikipedia.org/wiki/The_Mysterious_Cities_of_Gold Taylor: Duolingo https://www.duolingo.com/ Signup for Liquid Weekly Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
In this episode of Liquid Weekly, Taylor and Karl sit down with David to explore his experience as a Shopify developer and entrepreneur. David shares his story, from running his own Shopify development studio to creating custom solutions for clients. The conversation covers key takeaways from his experience, including the importance of understanding client needs, the benefits of using Shopify's checkout extensibility, and tips for aspiring Shopify developers. From the challenges of working with client codebases to the benefits of documenting code, this episode offers valuable insights for anyone looking to succeed as a Shopify developer. *Guest Info* David on Twitter: https://x.com/austriker27 Website: https://lindahlcorp.net/ Rainier Watch: https://shop.rainierwatch.com/ *Resources* David's Preorders on PDP with Metafields post on Twitter: https://x.com/austriker27/status/1724833551403852237 Shane Rostad on Twitter: https://x.com/shanerostadMetafields on Shopify: https://shopify.dev/docs/api/liquid/objects/metafield Liquid Product Object: https://shopify.dev/docs/api/liquid/objects/variant#variant-inventory_quantity Liquid Variant Quantity Property: https://shopify.dev/docs/api/liquid/objects/variant#variant-inventory_quantity *Shopify Dev Changelog* Cart cookie value now includes key param: https://shopify.dev/changelog/cart-cookie-value-now-includes-key-param Storefront API Cart ID now includes key param: https://shopify.dev/changelog/storefront-api-cart-id-now-includes-key-param Pixels now support more customer privacy setting configuration: https://shopify.dev/changelog/pixels-now-support-more-customer-privacy-setting-configuration Enhanced handling of large quantities in the Carts API update endpoint: https://shopify.dev/changelog/enhanced-handling-of-large-quantities-in-the-carts-api-update-endpoint *Picks of the Week* (David) Call of Duty World War II: https://en.wikipedia.org/wiki/Call_of_Duty:_WWII (Taylor) Airpod Cleaning Tool*: https://amzn.to/3RXKrKf (Karl) Tim Tam Slam: https://www.youtube.com/watch?v=k8hEo4N8Nhs; and Fowling game: https://en.wikipedia.org/wiki/Fowling_(sport) *affiliate link *Sign Up for Liquid Weekly* Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
In this episode of Liquid Weekly, Taylor and Karl sit down with Adam, co-founder of Wrapped, to explore his experience building a successful Shopify app and his journey to achieving "Built for Shopify" status. Adam shares his story, from launching Wrapped to overcoming challenges and ultimately achieving the coveted "Built for Shopify" badge. The conversation covers key takeaways from his experience, including the importance of following Polaris guidelines, the benefits of investing in quality app development, and tips for aspiring Shopify app developers. From the benefits of using Polaris components to the value of perseverance in app development, this episode offers valuable insights for anyone looking to create a successful Shopify app. Resources: Adam on Twitter: https://x.com/releod Wrapped: https://apps.shopify.com/wrapped Alacart Apps: https://www.alacartapps.co Polaris: https://polaris.shopify.com Built for Shopify: https://shopify.dev/built-for-shopify Shopify Dev Changelog Image and swatch presentations for product filters API GraphQL Admin API: Support for metafield connections in online store objects [Scheduled] Introducing a webhook topic for customer account settings Patrick Millegan follow-up and notes query to allow current state when merchants install their app [Scheduled] Writing Metafield values available on the Customer Account Picks of the Week: (Adam) Shoe Dog: https://www.goodreads.com/book/show/27220736-shoe-dog (Karl) Twinery: https://twinery.org/ (Taylor) Arc Internet Browser: https://arc.net/ Sign Up for Liquid Weekly: Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
In this episode of Liquid Weekly, Karl and Taylor dive into a conversation with Coralie, a Shopify expert, discussing her experiences and insights on various Shopify-related topics as well as different parts of the Shopify services sphere. Coralie shares her experience freelancing with Shopify, to working with Theme provider Clean Canvas, and finally a look at her new role at Shopify on the Professional Services team. She shares her thoughts on theme development, the importance of community, and the role of metafields in Shopify. The conversation covers Coralie's approach to learning theme development, her experience with Dawn, and her recommendations for those interested in exploring Shopify theme development. The trio also touches on the importance of community events, such as the edition.dev conference, and the benefits of attending these events for Shopify developers. *General Resources* - Github Dawn repo: https://github.com/Shopify/dawn - Shopify theme submission: https://shopify.dev/docs/themes/store/review-process/submit-theme- Best practices for building a Shopify theme: https://shopify.dev/docs/themes/best-practices- Clean Canvas: https://www.cleancanvas.co.uk/- Shopify Growth Services: https://growth-services.shopify.com/ *Picks of the Week* Taylor - "Alone" TV Show Karl - "Wicked French" Phrasebook Coralie - Wide Event organized by Mat De Sousa Sign Up for Liquid Weekly Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
In this episode of Liquid Weekly, Karl and Taylor get into Karl's experience building out features for a Flickity slideshow in a Shopify theme and leveraging checkout branding API and its implications for customizing the checkout experience. Karl shares his recent hands-on experience and insights on using GraphQL queries, color schemes, and checkout UI extensions to tailor the checkout header, logo, and links for a more personalized customer journey. Discover the challenges faced, workarounds implemented, and the potential of leveraging the checkout branding API for unique branding opportunities. Gain valuable tips and learn about the limitations and possibilities of customizing the Shopify checkout experience using these advanced tools. *General Resources* Liquify extension - https://chromewebstore.google.com/detail/liquify-shopify-code-sear/edekihmjmpkkkaolmojnajojfgphccma Flickity - https://flickity.metafizzy.co/ Swiperjs - https://swiperjs.com/ Liquid inline comments - https://shopify.dev/docs/api/liquid/tags/comment#comment-inline-comments Octothorp - https://www.merriam-webster.com/dictionary/octothorpe Javascript CustomEvent - https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent *Checkout Resources* Checkout styling overview - https://shopify.dev/docs/apps/checkout/styling **Tutorials**https://shopify.dev/docs/apps/checkout/header-footer/customize-header?framework=react&extension=react https://shopify.dev/docs/apps/checkout/styling/update-color-settings#step-3-configure-color-schemes https://shopify.dev/docs/api/admin-graphql/2024-04/mutations/checkoutBrandingUpsert?example=Set+a+checkout+logo#examples-Reset_color_schemes_to_the_defaults https://shopify.dev/docs/themes/best-practices/design/color-systemAdd a favicon via GraphQL - https://shopify.dev/docs/apps/checkout/styling/add-favicon Upload media - https://shopify.dev/docs/apps/online-store/media/products#step-1-upload-media-to-shopify Style component for conditional styling - https://github.com/Shopify/ui-extensions/tree/124581af0dfd4a583e668a20ea034879983b9d0d/packages/ui-extensions/src/surfaces/checkout/style Checkout UI Extensions Repo - https://github.com/Shopify/ui-extensions/blob/124581af0dfd4a583e668a20ea034879983b9d0d/README.md Components inherit styles from the merchant brand settings - https://github.com/Shopify/ui-extensions/discussions/368#discussioncomment-3004008 CSS not supported - https://github.com/Shopify/ui-extensions/issues/1668 Github Gist for checkout Branding API usage - https://gist.github.com/kmeister2000/4bcf8ee0e4fbfe744455e0a5ac876c9a *Shopify Dev Changelog* Go check it! https://shopify.dev/changelog *Picks of the Week* Taylor - Bulk Product Editor by AbleStar and Code Snipptes: https://ablestar.com/bulk-product-editor/ && https://support.ablestar.com/category/223-code-snippets Karl - Timeliness: A reminder to value punctuality in all aspects of life *Sign Up for Liquid Weekly* Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
In this episode of Liquid Weekly, Karl and Taylor welcome Marianne Ferguson, a talented Shopify designer and developer founder at Ultrafine, to explore the intricacies of using React in Shopify theme development. Marianne discusses her personal and professional journey, delving into how her experiences shaped her expertise in creating sophisticated and dynamic user interfaces. The conversation highlights key aspects of client-side frameworks, offering insights into how React enhances the functionality and user experience of Shopify themes. From technical considerations to implementing JavaScript libraries to actionable advice for developers looking to elevate their skills in the Shopify ecosystem, this episode covers everything you need to get started with React in Shopify themes. *Timestamps* 00:00 - Introduction to Marianne and episode overview 01:00 - Catching up with hosts and guest 10:30 - Marianne's career journey and move into Shopify development 18:25 - Why React in Shopify20:12 - Marianne's first time using React in Shopify24:40 - Why or when to choose React30:21 - Javascript frameworks versus vanilla JS32:25 - What about Remix?36:15 - How to add React to a Shopify theme41:15 - Productivity tips with starting with React46:15 - Resources for React and Shopify 47:35 - What about AI?49:34 - Different places to work with React on Shopify51:30 - Choosing a Javascript library and considering accessibility55:37 - Shopify Changelog1:00:00 - Picks of the Week *Guest Information* Marianne, Shopify Designer & Developer LinkedIn: https://www.linkedin.com/in/marianne-c-ferguson/Twitter: https://twitter.com/marianne_ciaraUltrafine: https://www.ultrafine.co/ *Resources*- React: https://react.dev/ - Shopify Partner Slack: Navigate to support in your Partner dashboard for link - Remix: https://remix.run/docs/en/main- Hydrogen and Oxygen on Shopify: https://shopify.dev/docs/custom-storefronts/hydrogen/getting-started *Shopify Dev Changelog* - Deprecation of unpublished apps: https://shopify.dev/changelog/update-on-deprecation-of-unpublished-apps- Querying customer subscription contracts: https://shopify.dev/changelog/customer-apis-allow-querying-of-customer-subscription-contracts- Cart and checkout validations: https://shopify.dev/changelog/preloaded-cart-and-checkout-validation-configuration-in-admin-ui-extensions - Unification of count fields: https://shopify.dev/changelog/unification-of-count-fields *Picks of the Week* - LookAway app (Marianne): https://lookaway.app/ - Psycho-Cybernetics (Karl): https://www.goodreads.com/en/book/show/155981 - Basecamp (Taylor): https://basecamp.com/ *Sign Up for Liquid Weekly* Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this. https://liquidweekly.com/
Karl and Taylor sit down with Leigh Barnes, former CTO of We Are Eight, on the latest episode of the Liquid Weekly Podcast. From scaling markets with e-commerce platforms to spearheading innovative Shopify solutions, Leigh's journey is filled with valuable lessons and pioneering strategies in the Shopify ecosystem. Leigh's experience ranges from being nearly every type of Shopify Partner possible including working in roles from Agency, Plus Agency, Tech Partner Apps ( Purpose built and public ) and most recently themes. Leigh shares his journey through the evolution of Shopify, offering invaluable insights into leveraging Shopify's internals, the role of AI in development, and the future of theme customization. // Guest Information // Leigh Barnes Twitter: https://twitter.com/leighb4rnes LinkedIn: https://www.linkedin.com/in/leigh-barnes/ // Shopify Dev Changelog // The scheduled tab is chock full of stuff! https://shopify.dev/changelog/scheduled Defer directive for storefront api (dev preview) - https://shopify.dev/changelog/defer-directive-for-storefront-api-is-now-available-in-developer-preview Category page ads on the shopify store - https://shopify.dev/changelog/introducing-category-page-ads-on-the-shopify-app-store Return sales and exchange apis - https://shopify.dev/changelog/return-sales-and-exchange-apis App submissions now require a screencast demo - https://shopify.dev/changelog/app-submissions-now-require-a-screencast-demo // Picks // (Karl) KrackCorn: https://www.krackcornpopcorn.com/shop (Taylor) Shopify Partner Slack: Access via your Shopify Partner Dashboard (Leigh) Shopify managed installation: https://shopify.dev/docs/apps/auth/installation // Sign Up for Liquid Weekly // Don’t miss out on more Shopify insights—subscribe to Liquid Weekly at https://liquidweekly.com/
Taylor and Karl dive into the fascinating and confusing world of Shopify Checkout Extensions in this episode of the Liquid Weekly Podcast. From weather updates to work experiences, they traipse through the nuances of Shopify's checkout extensibility, discussing everything from Pixels integration to the migration from Shopify Scripts. Learn the distinctions within Checkout Extensibility, such as Checkout Extensions and Shopify Functions. Also discussed are the implications for developers and merchants. // Resources // Shopify Checkout: https://www.shopify.com/checkout Customizing Shopify Checkout: https://shopify.dev/docs/apps/checkout Checkout Extensibility Upgrade Kit: https://pages.shopify.com/rs/775-MIT-288/images/checkout-extensibility-migration-kit.pdf Jason Godson's Shopify Script Creator: https://jgodson.github.io/shopify-script-creator/ Checkout Upgrade Technical Guide for Partners: https://cdn.shopify.com/static/partner-resources/Checkout%20Upgrade%20Technical%20Guide%20for%20Partners%20(Feb%202023)%20(2).pdf Shopify Unite 2022 Checkout Extensibility: https://www.youtube.com/watch?v=cRYuO5JfjjM Shopify Academy Customizing Shopify Checkout: https://academy.shopify.com/partner-education-customizing-shopify-checkout?locale=en Shopify Academy Upgrading to Checkout Extensibility: https://academy.shopify.com/partner-education-upgrading-to-checkout-extensibility?locale=en Shopify Dev Docs Checkout UI Extensions: https://shopify.dev/docs/api/checkout-ui-extensions Extensions-only apps (Plus only): https://shopify.dev/docs/apps/app-extensions/extension-only-apps Customer Account Extensibility (still in dev preview): https://shopify.dev/docs/apps/customer-accounts // Shopify Dev Changelog // Checkout supports header and footer customizations: https://shopify.dev/changelog/checkout-supports-header-and-footer-customizations Checkout branding supports container styles: https://shopify.dev/changelog/checkout-branding-supports-container-styles [Scheduled April 1, 2024] Deprecation of checkout APIs: https://shopify.dev/changelog/deprecation-of-checkout-apis // Picks // (Karl) Interactive eclipse map: https://eclipse2024.org/eclipse_cities/statemap.html (Taylor) Raycast app: https://www.raycast.com/
In this episode, hosts Taylor and Karl are joined by special guest Henry Johnson from iziGift. The hosts provide personal updates and delve into Henry's remarkable journey from being a non-Shopify developer to becoming a proficient expert in the field. Henry candidly shares his experiences of purchasing and developing Shopify apps, overcoming challenges, and mastering coding skills while juggling a full-time job. He also discusses his strategies for success, including leveraging Shopify Flow and actively engaging with the Shopify community. // Guest Information // Twitter (X): https://twitter.com/TalktoHenryJ LinkedIn: https://www.linkedin.com/in/talktohenryj/ iziGift: https://apps.shopify.com/easy-gift-cards // Shopify Resources // Flow app: https://apps.shopify.com/flow Add Flow to your app: https://shopify.dev/docs/apps/flow Send HTTP request with Flow: https://help.shopify.com/en/manual/shopify-flow/reference/actions/send-http-request Shopify Editions updates on Flow: https://www.shopify.com/editions/winter2024#shopify-flow-updates https://help.shopify.com/en/manual/shopify-flow/reference/actions/run-code https://changelog.shopify.com/posts/shopify-flow-improved-ux-for-browsing-and-searching-tasks https://changelog.shopify.com/posts/shopify-flow-get-notified-when-errors-happen Flow workshop: https://workshops.shopify.dev/workshops/metafields-render-automate#0 Product reviews gone after May 6: https://help.shopify.com/en/manual/products/product-reviews/migrate Theme block / Reference theme discussion - https://github.com/Shopify/reference-theme/discussions Shopify Community (forums): https://community.shopify.com/c/shopify-community/ // Other Resources // My First Million Podcast: https://www.mfmpod.com/ 30x500 Training: https://30x500.com/academy/ Limited Supply Slack: https://slack.limitedsupplypod.com/ // Shopify Changelog // Store Credit Primitive and API in dev preview: https://shopify.dev/changelog/store-credit-primitive-and-api-now-available-in-developer-preview // Picks // (Taylor) Garmin Epix Gen 2: https://www.garmin.com/en-US/p/760778 (Henry) KTool.io (https://ktool.io/) + Suits (TV Show) (Karl) Spaceman of Bohemia by Jaroslav Kalfař: https://amzn.to/3II5evX // Sign Up for Liquid Weekly //Don’t miss out on more Shopify insights—subscribe to Liquid Weekly at https://liquidweekly.com/
In this special release episode, Karl and Taylor have the unique opportunity to sit down with Michael Gooding and Kimberly Oleiro from Shopify to uncover the secrets behind the creation of the new and improved Web Performance Dashboard in the Shopify admin. Announced during Shopify Winter Editions '24, the new web performance dashboard is an enhancement from the previous Lighthouse score in the dashboard. The team talks about the history of the performance score, the reasons behind this new implementation, and what it means for future performance planning on shops. Discover how Shopify is combatting bad actors gaming performance metrics and prioritizing mobile performance to enhance the user experience. Get an exclusive sneak peek into upcoming features and learn how community feedback shapes the evolution of the dashboard. Whether you're a merchant looking to boost your online store's performance or a developer seeking insights into e-commerce optimization, the team breaks down what performance is and how it benefits one's shop - not just from the technical point of view. Learn more about how where the data comes from and how it speaks to both speed and user experience for customers. // Resources // Shopify performance blog post on new dashboard: https://performance.shopify.com/en-ca/blogs/blog/web-performance-dashboard Shopify docs on new dashboard: https://help.shopify.com/en/manual/online-store/web-performance Google docs on web performance: https://developers.google.com/search/docs/appearance/core-web-vitals Case studies on focusing on Core Web Vitals: https://wpostats.com For feedback on the web performance dashboard, reach out through the Shopify Partner Slack (https://app.slack.com/client/T4BB7S7HP), your Partner Dashboard via Chat, or Michael on Twitter (https://twitter.com/Michael_G_81)
In the Liquid Weekly Podcast episode, Karl and Taylor meet with guest Griffin Caprio, a seasoned developer and founder of No Fixed Plans. Griffin shares his journey from software engineering to Shopify app development as well as his insights on transitioning from building custom apps on Shopify for clients to working with public Shopify apps. Griffin emphasizes the importance of long-term maintainability in tech choices and recommends a straightforward tech stack, particularly Heroku. He discusses the shift from custom app development to building unlisted public apps for Shopify, highlighting the benefits of aligning with Shopify's policies.The responsibilities of creating custom apps for clients are addressed, with Griffin stressing the need to educate clients about long-term maintenance requirements. Marketing strategies are discussed, with a focus on targeting specific niches and customers to provide maximum value. // Guest Information // Follow Griffin Online- Twitter (X): https://twitter.com/gcaprio - LinkedIn: https://www.linkedin.com/in/griffincaprio/ - No Fixed Plans: https://nofixedplans.xyz/ // Resources // Building apps on Shopify: https://shopify.dev/docs/apps/getting-started/create Distribution methods for apps (custom vs public): https://shopify.dev/docs/apps/distribution/select-distribution-method // In the Community // - Everlane on Shopify, but not on Shopify: https://x.com/harleyf/status/1745857804882297172?s=20 - Collaborator requests, the new requirement and follow-ups: https://changelog.shopify.com/posts/collaborator-request-code-now-required-for-partners-to-access-your-store https://x.com/ShopifySupport/status/1737252574674485737?s=20 // Picks // - Karl: Limewash: https://diy.stackexchange.com/questions/106727/recipe-for-limewash-or-whitewash - Taylor: Youtube Premium - family plan: https://www.youtube.com/premium/family - Griffin: better audio with Fiio: https://www.fiio.com/ and Godzilla Minus One: https://tickets.godzilla.com/ // Sign Up for Liquid Weekly // Don’t miss out on more Shopify insights—subscribe to Liquid Weekly at https://liquidweekly.com/
In this episode of the Liquid Weekly Podcast, Karl and Taylor are joined by Brenda Storer, a solo theme developer who launched her own Shopify theme, Whisk. Brenda shares her journey from a non-technical background to becoming a theme developer. She discusses the challenges she faced in creating her theme, including financial risks and client work, to make her dream a reality. Brenda also talks about her decision to start with Shopify's Dawn theme as a foundation for her project and how she adapted it to create her own theme. She emphasizes the importance of using tools and libraries that you're comfortable with and that align with your project's goals. Join the conversation and learn valuable insights from Brenda's journey as a solo theme developer. Subscribe to the Liquid Weekly Podcast for more Shopify developer insights and resources.Timestamps---00:00 Introduction14:45 Brenda's origin story35:19 Using Dawn as a launching point46:48 Using libraries and tools52:39 Was the process worth it54:47 What are you doing differently in the next theme 59:33 Listener questions01:01:03 In the Community01:03:35 Changelog01:05:53 Picks of the Week --- // Guest Information // Follow Brenda Storer Online: Twitter: https://twitter.com/brendamarienyc LinkedIn: https://www.linkedin.com/in/brendastorer/ Website: https://brendastorer.com/ Coquelicot Website: https://coquelicot.io/ Whisk Theme: https://themes.shopify.com/themes/whisk // Resources // Dawn Github repo: https://github.com/Shopify/dawnBuild a Shopify theme docs: https://shopify.dev/docs/themes/getting-started/create Shopify theme store submission checklist: https://shopify.dev/docs/themes/store/review-process/submit-theme // In the Community // DMCA takedown updates: https://x.com/harleyf/status/1745490624198140021?s=20 Kirill Platonov - Second app receives Built for Shopify: https://x.com/kirplatonov/status/1745332079263416585?s=20%20 // Changelog // New and updated operations for the Cart Transform API: https://shopify.dev/changelog/new-and-updated-operations-for-the-cart-transform-api Created_by_app and created_by_user fields on Metaobject and MetaobjectDefinition types: https://shopify.dev/changelog/created_by_app-and-created_by_user-fields-on-metaobject-and-metaobjectdefinition-types GraphQL in Shopify CLI for apps: https://shopify.dev/changelog/graphiql-in-shopify-cli-for-apps // Picks // Karl - Real Genius 1985 (https://www.imdb.com/title/tt0089886/) Taylor - Pilot G2 Pens (https://amzn.to/3HIFAae) Brenda - Future App for personal training (https://www.future.co/) and Stretchlabs (https://www.stretchlab.com/) // Sign Up for Liquid Weekly // Don’t miss out on more Shopify insights—subscribe to Liquid Weekly at https://liquidweekly.com/