How to display AMP product pages instead of your regular ones?

If you are happy with how your AMP product pages look and want them to be connected to your collections, so that customers clicking on one of your products in collection pages opens AMP pages instead of your regular ones, there is a way to set that up. 

This is how you do it in a few steps. 

1. Open your theme settings by clicking on Themes under the Sales channels from within Shopify admin.

2.  Find Edit code option under the Actions for your theme.

Depending on your theme and the way it’s set up, you need to look for the collection.liquid, or collection-template.liquid on your sidebar. They are usually in the Templates section or Sections section.

3. When you open collection.liquid you need to search for a tag that looks something like this.

4. When you find it, you need to replace part of href that is underlined with the /a/amp/products/{{product.handle}} so instead of the original href=”{{product.url | within: collection }}” your href should look like href=”/a/amp/products/{{product.handle}}”. 

5. Click on the Save button in your upper-right corner, and you are all set.

If you are having trouble finding this tag or the line that needs to be changed, contact us on our live chat and we will assist you and help you find it.

AmpifyMe team 💙