This component can be used to give collections custom images and have them be laid out into a grid.
Installation
To install to your own store, get the files from the repository. Copy the contents of the files inside the folder src/collection-tiles which should contain the following:
📦src
┣ 📂collection-tiles
┃ ┣ 📂assets
┃ ┃ ┗ 📜collection-tiles.css
┃ ┣ 📂sections
┃ ┃ ┗ 📜collection-tiles.liquid
┃ ┣ 📂snippets
┃ ┃ ┗ 📜collection-tiles.liquid
┃ ┗ 📂templates
┃ ┃ ┗ 📜article.collection-tiles.json
Â
A new section called "Collection Tiles" should now be available in your admin.
Like what was done to this article, simply add the collectin tile via shopify admin.
Users may add multiple collections in the Collection Tile section and may select an image for each. If no image is specified, then it will default to displaying the collection's featured image.
Â
Â
If the collection has no featured image, and the user didn't configure an image to go with the tile, then it will simply show the "no image" placeholder image.