Appearance
Guides overview ​
Shapes includes extensive features that help you design your store quickly and easily.
The following table provides an overview of our guides to implementing Shapes' main features. For guidance implementing a specific feature, follow the links in the table or select a guide from the Guides menu on the left side.
| Guide name | Description |
|---|---|
| Style images and videos with shapes | Apply a shape to an image. |
| Show quick buy on product tiles | Display an Add to cart button on product tiles. |
| Show custom badges on product tiles | Show a custom sticker badge on product tiles. |
| Add bar charts to product pages | Set up bar charts on product pages. |
| Add comparative scales to product pages | Set up comparative scales on product pages. |
| Feature collections in navigation | Display products inside a dropdown menu, in the header. |
| Display product blocks on cards | Display a card behind product blocks. |
| Show nutritional information on product pages | Show formatted nutritional information on product pages. |
| Enable hover effects on product tiles | Enable hover effects on your store's product tiles |
| Show a free shipping progress bar | Display a free shipping bar on the Header area or Cart. |
| Set up color swatches | Create selectable icons to represent product variants. |
| Migrate to using color schemes | Bring your Shapes version 2 color settings over to Shapes 3's new color schemes format. |
| Add a recipe blog post article | Use Shapes' dedicated recipe page template to add a recipe as a blog post article. |
| Use preorder metafields and templates | Implement Shapes theme's Preorder product feature to accept pre-orders for products that are not currently ready to ship. |
| Create a custom template | Learn how to create a custom template for your store's products, collections, pages, blogs, and blog posts (articles). |
| Use metafields on product pages | Use metafields to display additional product information on product pages. |
| Create product filters using metafields | Learn how to create product filters by using custom product metafields. |