Tutorials

  • Design a New Theme With Site Designer Tutorial: 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 Tutorial: 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 Tutorial: 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 Tutorial: 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.