Shopify Liquid Coding - Shopify Tutorial: Hiding a Long Description in Collapsible Accordion (on free themes)

Learn how to shorten your product description by hiding it inside a collapsible tab AKA accordion. This is not the collapsible tab block that Shopify gives you by default. We will be creating a custom one so that we can continue to use our product description field. This tutorial will be easy to follow for the following themes: - Dawn, Craft, Crave, Sense, Taste, Studio, Ride, Colorblock It's also a good lesson for anyone learning Shopify theme development. I will touch on using Shopify 2.0 Metafields to enable or disable content, I'll introduce you to using Shopify Liquid Filters. And in general, demo how to do less work by not starting from scratch! ===== Grab the code ===== - https://ed.codes/blogs/tutorials/shopify-hiding-a-long-description-in-collapsible-accordion-on-free-themes ===== Related topics ===== - Dawn tutorials: https://www.youtube.com/playlist?list=PL_pshehRlH0Icig8qU9YZvRVfnxI9rG_J - Shopify 2.0: https://www.youtube.com/playlist?list=PL_pshehRlH0IWfLdXRox0B1O9gEKhLZgV ===== Who am I? ===== Hey! My name is Eduard. I teach the tech side of starting and running a Shopify store. Im a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos. Visit my website: https://ed.codes ===== Stay Updated ===== Want to see my latest tips, tutorials, and code add-ons? Youtube won’t always show you. Subscribe to get emails directly from me: https://ed.codes/pages/newsletter ===== Check out my Shopify Add-ons ===== https://shop.ed.codes/ Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme. ===== Join "Shopify DIY" Community on Discord ===== Chat with me and other store owners and developers: https://discord.gg/MpWVP8Xguk ===== FAQ's ===== My favorite Shopify Apps - https://ed.codes/blogs/resources/actually-useful-shopify-apps My favorite Themes - https://ed.codes/blogs/resources/best-shopify-themes ===== Buy me a coffee ===== https://www.buymeacoffee.com/edcodes ===== Chapters ===== 00:00 What we're building today 02:40 Which themes is this for? 03:39 Get the code 04:07 Get ready 05:39 Enable using metafield 10:16 Coding the accordion 17:28 Splitting the description 22:48 Fallback when not splitting 27:03 Group coaching 29:00 See you next time! #Shopify #Liquid #Coding