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:
- Create a new page template using the name
variant-thumbnails.liquid
. - Create a new page named
Product Variant Thumbnails
. - Create a new layout file with the name
alternate.liquid
. - 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.
- Create...