Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Shopify Theme Customization with Liquid
  • Toc
  • feedback
Shopify Theme Customization with Liquid

Shopify Theme Customization with Liquid

By : Djordjevic
4.7 (17)
close
Shopify Theme Customization with Liquid

Shopify Theme Customization with Liquid

4.7 (17)
By: Djordjevic

Overview of this book

Shopify is one of the fastest-growing eCommerce platforms, which means developers familiar with the Liquid concept are needed now more than ever. This book will help you to build a solid foundation by enabling you to develop your skills from the ground up by gaining essential theoretical knowledge of Liquid and putting that knowledge to use through hands-on projects. Shopify Theme Customization with Liquid begins by helping you get to grips with basic Shopify information, its interface and theme structure, setting up your Partner account, and creating a child theme, which is essential when preparing for any future work on Shopify. You'll then explore Liquid core features that will provide you with a basic understanding of the Liquid programming logic needed to develop any feature. As you advance to the latest and advanced features, you'll learn about JSON settings, allowing you to create any type of static or dynamic section - a must-have for becoming a competent Shopify developer. Finally, the book takes you through the Shopify Ajax API to gain the necessary skills needed to create a variety of dynamic features and content. By the end of this Shopify book, you'll be able to take on challenging projects to showcase your theme customization expertise to your future employer.
Table of Contents (15 chapters)
close
1
Section 1: Shopify Explained
4
Section 2: Exploring Liquid Core
8
Section 3: Behind the Scenes
Appendix: Frequently Asked Questions

Practice makes perfect

Project 3

In one of our previous exercises, we learned how to create basic and complex product galleries by outputting all types of product media types. However, what if we only needed to output several images related to the specific variant at a time?

For our third project, we will be working on rendering a product media gallery with distinctive markings that will allow us to show only the thumbnails of the currently selected variant.

Here are the instructions for the assets:

  1. Create a new page template using the name variant-thumbnails.liquid.
  2. Create a new page named Product Variant Thumbnails.
  3. Create a new layout file with the name alternate.liquid.
  4. Create a new product with at least three color variants and upload at least three media assets to represent each variant. When creating a new product, we should set the product status to Active and not leave it to Draft. Otherwise, we will not be able to access it later.
  5. Create...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete