Building Blocks

Building Blocks are used for the structural and advanced construction of themes. They consist of several pieces:

❗️

Add Images, Text Blocks, Buttons, Product Lists and any other component to a Box so they will stay grouped together as screen sizes change.

Boxes

When Building a Theme or Page from scratch, Boxes can be the most important block for creating flexible, scalable layouts and grouping together blocks to make a single element. As you switch to tablet or mobile view, elements within a box will move together dynamically.

To learn more about Boxes, read these tutorials:

Box, Box (Locked) , Creating a Multi-Column Layout

HTML Blocks

The HTML block allows you to add HTML or Code Snippets to a page. You can embed forms and videos using this block. Learn more about the HTML Block.

Accordions

Add an Accordion to your website to allow multiple blocks to share the same space, expanding one section at a time This will allow your users to select which content they would like to see.

To add content to an Accordion Section just drag a block into it. Create a new section by selecting "Edit Accordion" and then "Add Section".

Learn more about Accordions

Tabs

Similar to the Accordion, add Tabs to your website to allow multiple blocks to share the same space. This will allow your users to select which content they would like to see. Rather than expanding and collapsing sections like the accordion, tabs allow the user to toggle from one information block to another within the same box.

To add content to a Tab just drag a block into it. Create a new tab by selecting "Edit Tabs" and then "Add Tab".

Breadcrumbs

Breadcrumbs provide a secondary navigation system to help users understand their location within the storefront and provides an easy way to navigate back.

Add breadcrumbs to the Category page or Product page to all users to navigate back to a higher up category or sub-category. Example: Home / Browse Products / Supplies / Equipment / Filters