Product grid
Quick view
Use the ‘Show quick view’ option to show the product options in a pop-up window without taking the user away from your homepage or collection pages.
Here’s an example of the “Quick view” button which you can see at the bottom of the middle product:
Here, you can see how the pop-up window appears once the “Quick view” button has been clicked:
Labels and their locations
You can change the ‘Sale’ / ‘Sold’ sticker position by using the ‘Overlay label location’ setting.
Masonry also includes the option to show a low inventory label (for items with a single variant) or even your own label text.
To specify your own text, give your product a tag in the format:
meta-label-YOUR LABEL TEXT (in the above example, we had this: meta-label-NEW IN)
Note that commas are not supported.
There is only space for one label to show at a time. The ‘Sold Out’ label has the highest priority, followed by the ‘Sale’ label’ then low stock and finally the custom tag label option.
Story page
Create a new page using the page.story template, then head into the theme editor to add in your additional content to the page.
You can see this in action on our Coyote demo store. More details are available here.