Tutorials

These tutorials will walk you through common scenarios for developing on Element and using VOLT’s site designer.

Block Development

Element Proptypes

Unit Test CSS in a Custom Block

Unit Test a Custom Block in Element

Make Font Size Editable in a Block

Mix Element Proptypes to Make a "Sale Banner" Block

Use Custom Fonts in VOLT Themes and Element Blocks

Make a Hero Image Modal Block Using Atomic CSS

Store Data in Custom Blocks

Dynamically Lay Out a Block Using Atomic CSS Classes

Show a Block Only During a Sale

Share Themes and Blocks with your Organization

Embed a Tweet or Instagram Post in a Block

How to Dynamically Embed an Instagram Post Using oEmbed in VOLT

Utilizing Server-Side Rendering in VOLT

Pages and Themes

Design a New Theme with Site Designer

Build an Element Page

Implement a New Product Landing Page

Create a Custom 404 Page with Built-in Element Blocks

Maintain Green Google PageSpeed Insight Scores When Using Third-Party Scripts

Automatic Lazy Loading for Images