All Tutorials

Online store design experience set up

All Tutorials

Online store design experience set up

Online store design experience set up

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.

Downloading and installing the sections-compatible Debut theme

  1. Click this link and download the sections-compatible Debut theme.
  2. Log into a developer preview store that has the Online store design experience preview enabled.
  3. From the admin, navigate to Online Store > Themes.
  4. On the Theme library page, click Upload theme.
  5. From the Upload theme window, click Choose File to select the sections-compatible Debut .zip file.
  6. Click Upload. The theme will be added to the Themes page of your admin.
  7. On the uploaded theme click Actions > Apply to online store.

Enabling sections on a page is only possible when the theme implements the sections architecture for that type of page.

Next steps