Blocks

Introduction

Blocks are a cluster of blueprint mixins that make up the builder part of the Dynamic Pages.

General Block Structure

There are two general types of blocks. Section and Columns.

Section Blocks

The section blocks are top level blocks that you can add to any Dynamic Page. They display information in a <section> , <header>, or <article> depending on your Advanced Tab settings.

Column Blocks

The Column blocks are carbon copies of the Section blocks except they include a section for configurable columns. They work exactly like the Section blocks, but are wrapped in a Bootstrap Column. The column width is configurable and based on a 12 column grid They only exist in Section blocks. They also have Advanced Settings as well

File Structure (mixins Folder)

Below is a file structure with annotations to explain what each block blueprint file does:

Note: This does not include the entire mixins file structure. To see the the structure head here

builder/
┣ blog/
┃ ┣ blog.yaml
┃ ┣ blog_column.yaml
┃ ┗ blog_common.yaml 
┣ buttons/
┃ ┗ buttons.yaml
┣ events/
┃ ┣ events.yaml
┃ ┣ events_column.yaml
┃ ┗ events_common.yaml
┣ form/
┃ ┣ form.yaml
┃ ┗ form_column.yaml
┣ general_options/
┃ ┣ advanced_fields.yaml
┃ ┣ column_header.yaml
┃ ┣ column_options.yaml
┃ ┣ pagination.yaml
┃ ┣ section_header.yaml
┃ ┗ specific_items.yaml
┣ hero/
┃ ┗ hero.yaml
┣ products/
┃ ┣ products.yaml
┃ ┣ products_column.yaml
┃ ┗ products_common.yaml
┣ search/
┃ ┣ search_column.yaml
┃ ┣ search_common.yaml
┃ ┗ search.yaml
┣ section/
┃ ┗ section.yaml
┣ blog_builder.yaml
┗ builder.yaml

Block Types

Section Blocks

The Section block types are as follows:

• Hero

• Section

• Posts

• Events

• Products

• Form

• Search

Colum Blocks

The Column block types are as follows:

• Content

• Buttons

• Image

• Posts

• Events

• Products

• Forms

• Search