Summary
Keywords
Full Transcript
In Shopify 2.0 we can now use Liquid code in the theme editor. And this lets you output metafields with code. This is HUGE because it opens up a myriad of possibilities: - Displaying metafield values conditionally - Formatting metafield values with HTML - Styling however you want using CSS - Accessing other products, and more. You just need to know some basic html and liquid coding, so I will show you some examples to get you started. If you HAVEN'T USED METAFIELDS BEFORE you should watch this video first: https://www.youtube.com/watch?v=Dh7EyD7-o50 ===== Grab the code ===== https://ed.codes/blogs/tutorials/using-metafields-in-custom-liquid-blocks-in-shopify-2-0 ===== Watch next ===== - Learn to BULK EDIT Metafields: https://youtu.be/n-JnSDrDt-4 - Shopify 2.0 Templates to customize your store: https://youtu.be/rppKgzoAkQc ===== 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. ===== 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 ===== Chapters ===== 00:00 Intro 02:16 What we’re creating today 03:02 Example 1: IF condition 08:55 Basic CSS styling example 10:16 Example 2: Related product reference 15:25 Output related product image 18:30 Upcoming coding course for store owners
