Brand Directory Page

Open this page to see a demonstration of a reusable brand directory.

This is powered by setting up a navigation for all the brands that the store may have. Each navigation is linked to a collection for that brand.

Installation

This component requires the collection-tiles component to be installed to the theme. To install them, simply copy the contents of the folders shown below to your dawn theme:

📦src
 ┣ 📂brand-directory
 ┃ ┣ 📂assets
 ┃ ┃ ┣ 📜brand-directory.css
 ┃ ┃ ┗ 📜brand-directory.js
 ┃ ┣ 📂sections
 ┃ ┃ ┗ 📜brand-directory.liquid
 ┣ 📂collection-tiles
 ┃ ┣ 📂assets
 ┃ ┃ ┗ 📜collection-tiles.css
 ┃ ┣ 📂sections
 ┃ ┃ ┗ 📜collection-tiles.liquid
 ┃ ┣ 📂snippets
 ┃ ┃ ┗ 📜collection-tiles.liquid
 ┃ ┗ 📂templates
 ┃ ┃ ┗ 📜article.collection-tiles.json

Once done, this will make the brand-directory and collection-tiles sections to be added to your theme. You may now create a page with the two of them together as demonstrated in this page