All Tutorials

Online store design experience

All Tutorials

Online store design experience

On this page

Online store design experience

The online store design experience is only available in developer preview.

During the preview, we will be adding additional features and making changes to the sections architecture based on your feedback. This may cause invalid theme code or page data to be present in preview shops. As the architecture is iterated upon, we will clean up existing data and theme code on preview shops, which may result in data loss. Changes will be communicated and documentation will be updated.

During the preview phase, parts of the Shopify admin and editor UI may not function as expected.

The online store design experience aims to make the editing and creation of an online store more approachable by providing a powerful, easy-to-use, and all-inclusive UI that instills confidence and enables merchant success.

The online store design experience developer preview will allow you to:

  • Enable and disable the Sections architecture on product pages.

  • Customize page sections and add content sections to product pages via online store editor UI.

  • Edit product pages individually or use master pages, for multi-page editing.

  • Create custom sets of headers and footers with theme frame sections.

  • Integrate your apps with app sections and app snippets to surface applications on a storefront visually. This can give merchants the ability to configure settings within the context of their online store.

To use the online store design experience, create a development store, and enable the online store design experience developer preview.

Resources