Search icon
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Shopify Theme Customization with Liquid

You're reading from  Shopify Theme Customization with Liquid

Product type Book
Published in Oct 2021
Publisher Packt
ISBN-13 9781801813969
Pages 338 pages
Edition 1st Edition
Languages
Author (1):
Ivan Djordjevic Ivan Djordjevic
Profile icon Ivan Djordjevic

Table of Contents (15) Chapters

Preface 1. Section 1: Shopify Explained
2. Chapter 1: Getting Started with Shopify 3. Chapter 2: The Basic Flow of Liquid 4. Section 2: Exploring Liquid Core
5. Chapter 3: Diving into Liquid Core with Tags 6. Chapter 4: Diving into Liquid Core with Objects 7. Chapter 5: Diving into Liquid Core with Filters 8. Section 3: Behind the Scenes
9. Chapter 6: Configuring the Theme Settings 10. Chapter 7: Working with Static and Dynamic Sections 11. Chapter 8: Exploring the Shopify Ajax API 12. Assessments 13. Other Books You May Enjoy Appendix: Frequently Asked Questions

Enhancing the product media gallery

In the previous exercise, we learned how to output the image elements needed to output the necessary elements to create a basic product gallery that contains only images. In the following project, we will learn how to use media objects and filters to create a multifunctional gallery that will support images, 3D models, and internal videos hosted on Shopify. Additionally, we will also embed external video links to some of the most popular video platforms, Vimeo and YouTube, and autogenerate the appropriate video player for both.

Most of the newest themes today already contain a product media gallery. However, many stores still use outdated theme files, so it is essential to know how to create the feature from scratch.

Let's start by navigating to the Product Gallery page we created in the previous Building a product gallery subsection, located under the Working with HTML and URL filters section, and revise the previously included code to...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime}