Element Platform Documentation

Explanations

• What Is Element?
• Element Concepts
• All the Tech You Need
• Ecommerce Theme Pages
• Block Versions
• Adding a Blog
• Keeping Your Site Fast

Tutorials

• Design a New Theme With Site Designer: Create a new theme without writing any code. This tutorial focuses on using Design Settings to set up global theme styles and touches on other aspects of the Site Designer interface.
• Building an Element Page: Build a blog with two blocks driven by a third-party API. Test them locally, and then integrate them with a theme in Site Designer.
• Working with Element Proptypes: Explore interactions between Element Proptypes and block code as you build a dark mode feature that switches based on the time of day. Test it locally, then see how the Element Proptypes translate into form fields in Site Designer.
• Implementing a New Product Landing Page: Build the foundation of your own custom version of the Product Details block, capable of displaying a product from your store and adding it to the cart. Wire it up to a dynamic page in a theme within Site Designer.

How-to Guides

Block Development How-to Guides

• Set up Your Environment
• Track Block Versions
• Add Element Proptypes
• Style a Block with Aphrodite
• Use React Hooks in an Element Block
• Read Page URI Parameters from Your Block
• Fetch Data from Volusion's API
• Fetch Data from Third-Party Services
• Fetch Block Data Fast
• Communicate Between Blocks
• Interact with the Cart
• Set SEO Data from a Block
• Add External Scripts from a Block
• Preview Block Changes
• Release a Minor Block Change
• Release a New Major Block Version
• Rollback a Block Change

Site Designer How-to Guides

• Add a Page to a Theme
• Add Blocks to Templates
• Reuse a Block Across Pages
• Add a Page That Depends on URI Parameters

References

• Proptypes
• Block Utils
• Element SDK Client
• Cart Events
• Element CLI
• Styling Your Block With CSS