How to use the AMP Theme Editor?

We want to make sure that you like your new instantly loading pages before the world can see them. You can browse and choose from our ready-made themes want for your store. 

From the top toolbar, you can select what page you wish to edit / see the preview of those pages across desktop / mobile. On the left, you will see a sidebar where you can play with the sections and general theme settings, such as colors, typography, social media, and analytics. Most of this should be intuitive if you are used to Shopify's theme editor layout.

Page selector

Depending on which tier you are (Free, Hobbyist, Small Company, Enterprise), you can select the page you would like to edit. The Page selector is located in the top toolbar, and it is a dropdown list, from which you choose a page you would like to work on. 

Preview Screen Selector

Next to Page Selector in our top toolbar, we have our Preview Screen Selector, which helps you see what would your pages look like on a mobile device, tablet, or desktop.

Sections

Here, you can edit every section of the page, including the header, footer, or for example section that will display your product pages.

Header

In the header section, you can edit the look and general settings of your Header.

Footer

Set up your footer by clicking on the footer section.

Product pages

If you have selected product pages in your page selector, you will be able to edit the product pages section.

Add section

By clicking Add section, you can add reviews or suggested products, to your product pages. Similarly you can add sections to your home page / collection pages / etc. 

AmpifyMe 💙