Ecommerce Growth

40 Shopify Product Page Templates (+ Stunning Real-World Examples)

Most Shopify product pages use similar formulas & aesthetics. Find out how these 40 brands are spicing things up.

40 Shopify Product Page Templates (+ Stunning Real-World Examples)

The Shopify app store has more than 3200 apps.

That means that there’s an infinite number of possibilities for you to design your Shopify product page — with each one being as crucial as the other.

The key lies in making it yours.

When we look at these well-optimized Shopify product page templates, we can't help but notice how beautiful they are. It's the little details that make a difference.

Jump to:

Top 40 Shopify product page templates for you to get inspired by

9 elements that the best Shopify product pages have in common

Top 40 Shopify Product Page Templates For You To Get Inspired By

Let’s jump right into Shopify product page examples. These are fresh, inspiring, and every bit copy-worthy.

1. Craft & Mason

Craft & Mason is a dynamic, authentic, and local brand of coffee, trying to stay true to the art of coffee roasting by farmers across some of the best growing regions.

How to replicate on your Shopify product page template:

a. Readable information that is easy on the eye

Craft & Mason Shopify product page template

b. The clarity with which they offer the coffee creation process details

Craft & Mason Shopify product page template

The product description tells us everything we want to know about the product - with a touch of warmth!

2. Rumpl

Rumpl is a blanket brand that first started when its founders felt a real need for a “sleeping bag blanket”.

How to replicate on your Shopify product page template:

a. Phenomenal product photography ensures visitors engage with every photo in the gallery

Rumpl Shopify product page template

b. Above the fold, space is used with supreme efficiency.  

Rumpl Shopify product page template

c. A separately highlighted section for the most significant features and benefits makes the product page flow engaging and convincing.

3. Chloe Ferry Cosmetics

This is a beauty and skincare brand that has imprinted over it all the glamor that founder Chloe Ferry comes with.

How to replicate on your Shopify product page template:

a. A strikingly simple gallery focuses on three different visual aspects

Chloe Ferry Shopify product page template

b. Product availability is highlighted to create scarcity

Chloe Ferry Shopify product page template

c. The product description also includes a “directions” section

d. There’s a personal recommendation section as you scroll improving the average order value

4. Bombay Hair

The Bombay Hair brand has created a niche for itself in the hairstyling and extension category. It is trying to revolutionize this new space by offering products at a reasonable price. 

How to replicate on your Shopify product page template:

a. The brilliant use of the expandable menu, containing vital information on the product, installation, reviews, and refund

Bombay Hair Shopify product page template

b. The “frequently bought together” section almost comes across like an expert suggestion

Bombay Hair Shopify product page template

c. The above-the-fold section includes shipping information, color guide, length selection as well as a link to customer support

5. BirdRock Baby

Here’s a brand that has grown from the depth of personal experience: the founders are parents who discovered how difficult it can be to find high-quality, affordable shoes.  

How to replicate on your Shopify product page template:

a. They use a simple color block and easily understood icons to convey crucial information above the fold

BirdRockBaby Shopify product page template

b. They use copy to highlight benefits

BirdRockBaby Shopify product page template

c. Fact and emotion are woven beautifully as a shopper explores more

BirdRockBaby Shopify product page template

6. 6KU

An urban bike brand that’s going all out to innovate and create alternate rides for the modern, conscious person - that’s 6KU for you!

How to replicate on your Shopify product page template:

a. Efficient above-the-fold space use, without cluttering

6KU Shopify product page template

b. A clear focus on the customer, their needs, and their questions

6KU Shopify product page template

Hey, check this out: 21 Ways to Design Mobile Product Pages That Sell

7. Aqualung

A longstanding brand that is now celebrating its 75th year, Aqua Lung has been a constant source of innovation and advancement for the underwater sports community.

We picked them because their product pages are neat, factual yet go a long way in creating a convincing narrative. 

What to replicate on your Shopify product page template:

a. They prioritize the “write a review” and “wishlist” features right at the top

Aqualung Shopify product page template

b. The product description creates curiosity but isn’t overly complex 

Aqualung Shopify product page template

c. They promote dialogue about their products

8. Beardbrand

Beardbrand is charting a new course in this fresh niche while creating a memorable eCommerce presence.

What to replicate on your Shopify product page template:

a. They make available an “add to cart” button AND a “buy now” button

Beardbrand Shopify product page template

b. A product description that’s full of feels, facts, and FAQs.

Beardbrand Shopify product page template

c. Add-to-cart engagement that can increase Shopify conversion rates instantly.

Beardbrand Shopify product page template

9. Pretty Litter

Made of silica gel, Pretty Litter helps in detecting early illness in cats.

The reason we picked them to feature in this list is the way they’ve turned the whole brand website into a virtual product experience. 

What to replicate on your Shopify product page template:

a. The home page is the product page

Pretty Litter Shopify product page template

b. Serious statistics amongst various other benefits

Pretty Litter Shopify product page template

c. A review section that’s bound to draw attention

Pretty Litter Shopify product page template

10. The Lip Bar

This one’s a modern brand that borders on the no-apology status of women’s makeup essentials - for women by women of color.

a. Utilizes the power of VR like a boss

The Lip Bar Shopify product page template

The “try 2 samples for free” link takes them to a full page dedicated to the free tints.

The Lip Bar Shopify product page template

b. A great balance between text and visual

The Lip Bar Shopify product page template

c. Upselling but with a smart copy

The Lip Bar Shopify product page template

Hey, this may catch your fancy: 17 Surefire ways to upsell in eCommerce & increase average order value

11. Nomatic Bundle

This is a contemporary brand started by two cousins who wanted to truly offer functional luggage to people on the move.

What to replicate on your Shopify product page template:

a. A super quick glance at the benefits

Nomatic Bundle Shopify product page template

b. Informative text with quick takeaways

Nomatic Bundle Shopify product page template

c. Terrific use of social proof

Nomatic Bundle Shopify product page template

12. Thread

Now, this is a fashion brand that takes styling seriously and offers shoppers a peek into thousands of styles if they take the time to answer a few relevant questions.

What to replicate on your Shopify product page template:

a. Delivery, free shipping, alternative payment, and shipping threshold information find top priority

Thread Shopify product page template

b. Driving the sustainability conversation forward

Thread Shopify product page template

c. Customer support is highlighted as a key element 

Thread Shopify product page template

d. Deepens the customer experience with meaningful personalization

Thread Shopify product page template

Hey, have you seen this? eCommerce personalization: 20 revenue generating examples

13. Ratio Coffee

From crisp, understandable language to clean visuals, Ratio Coffee wins, even more, when it comes to its product pages.

Ratio Coffee Shopify product page template

What to replicate on your Shopify product page template:

a. Deepening of engagement with the first CTA

Ratio Coffee Shopify product page template

b. Upselling built into an add-to-cart feature

Ratio Coffee Shopify product page template

c. Video content that brings the product to life

d. A thoughtful balance between text and visuals

Ratio Coffee Shopify product page template

e. A well-crafted comparison chart

Ratio Coffee Shopify product page template

14. Mason Jars

Launched over 10 years ago, Mason Jars was earlier called Cuppow. Since its inception, the brand has been about sustainable living through the use of non-single-use products.

What to replicate on your Shopify product page template:

a. They make room for quick product comparisons 

Mason Jars Shopify product page template

b. Their description is informative and engaging
c. The shipping and refund policy is right there to be viewed

Mason Jars Shopify product page template

15. Water Gallery

Water Gallery is a family-owned brand that has been creating superior customer experiences in the space decor category for over a decade now.

What to replicate on your Shopify product page template:

a. Introducing the most crucial information above the fold

Water Gallery Shopify product page template

b. Creating reasons to buy through an instant coupon

Water Gallery Shopify product page template

c. A helpful product description with a necessary callout

Water Gallery Shopify product page template

16. Teatox Australia

This is a wellness brand that’s been around for a little short of a decade. It has already made its mark across 40 countries and met the needs of over 50, 000 customers.

What to replicate on your Shopify product page template:

a. Add-to-cart and pricing information that remains consistent even with scrolling

Teatox Shopify product page template

b. A short blurb of ingredient benefits for those skimming through

Teatox Shopify product page template

c. A clear reminder about shipping charges 

Teatox Shopify product page template

17. Rhone

This is a brand that goes all out to support the shopper who is all about an active and performance-driven lifestyle.

What to replicate on your Shopify product page template:

a. Shows how to keep a product name both interesting and informative

b. Along with a size guide, they feature “find my fit”

Rhone Shopify product page template

c. A well-rounded photo gallery

Rhone Shopify product page template

d. A reward hook for new customers to create an account

Rhone Shopify product page template

Hey, you’ll love this: 20 amazing (& high converting) mobile checkout examples

18. Bluboho

Bluboho creates rare experiences for its customers through raw and refined jewelry.

What to replicate on your Shopify product page template:

a. Fact and fiction are beautifully separated and deconstructed to offer the customer a wholesome sense of the product

Bluboho Shopify product page template

b. Creative language, just right for the category

Bluboho Shopify product page template

c. Makes asking questions as easy as writing reviews

Bluboho Shopify product page template

19. Take a Shot

Take a Shot is an About You brand. About You is one of the fastest-growing eCommerce companies in Europe, dedicated to re-creating the classic shopping experience for buyers.

What to replicate on your Shopify product page template:

a. A superbly designed above-the-fold section

Take a Shot Shopify product page template

b. Clear shipping and returns information with appropriate callouts

Take a Shot Shopify product page template

c. Smart upselling that includes both the home brand and other brands

Take a Shot Shopify product page template

20. Silk Laundry

This is an international brand that stands at the intersection of luxury, conscious living and philanthropy.

What to replicate on your Shopify product page template:

a. The most valuable info is visible with a single scroll

Silk Laundry Shopify product page template

b. A superlative image gallery

Silk Laundry Shopify product page template

c. They introduce video content in the recommendations section

21. Guelaguetza

This is a brand that began as a family business all the way back in the mid-90s.

What to replicate on your Shopify product page template:

a. Prioritizes sharing above the fold

Guelaguetza Shopify product page template

b. Calls out multiple ways to pay

Guelaguetza Shopify product page template

c. An evocative image gallery with an intuitive zoom function

Guelaguetza Shopify product page template

22. IDRAW

IDRAW is a brand that makes learning fun. And this is why they create tools that will help learners get a grasp over complex subjects through their drawing journals which come with techniques and guiding principles.

What to replicate on your Shopify product page template:

a. The product narrative shows how to engage visitors through text 

IDRAW Shopify product page template

b. A dynamic image gallery that keeps switching images without clicking

c. A distinct live chat window with text that helps UX

IDRAW Shopify product page template

23. Rokos

Rokos is a boutique lifestyle brand brought to life by dyslexic designer Jim Rokos, who takes pride in creating pieces that celebrate the physical quality of materials.

What to replicate on your Shopify product page template:

a. A simple layout makes for excellent navigation

b. A detailed product description with a cool behind-the-scenes narrative 

Rokos Shopify product page template

c. Very few scrolls to reach the bottom of the page

24. Pop Chart Lab

Pop Chart Lab creates cool infographic posters on a lot of different topics under the sun.

What to replicate on your Shopify product page template:

a. Highlighted call-out for their email signup discount

Pop Chart Lab Shopify product page template

b. Their image gallery and selection panel are smoothly linked

Pop Chart Lab Shopify product page template

c. Free shipping threshold is clearly stated at checkout

Pop Chart Lab Shopify product page template

25. Modkat

Developed through endless research and prototyping, Modkat’s products are meant to serve litter needs from really simple to rather complex.

What to replicate on your Shopify product page template:

a. Shows what color selections are not available; highlights what has been backordered.

Modkat Shopify product page template

b. Excellent space utilization for the most important blocks of content to feature alongside each other

Modkat Shopify product page template

c. Benefit labeling through relevant text and visuals

Modkat Shopify product page template

26. Zee.Dog

Zee.Dog is a modern dog-meets-human brand, created to offer products that make the lives of dog and dog owners easier and more fulfilling.

What to replicate on your Shopify product page template:

a. Similar products get an upfront showcase

Zee.Dog Shopify product page template

b. Detailed shipping information finds a place right on top of the above-the-cart button 

Zee.Dog Shopify product page template

c. The add-to-cart action opens up an unobtrusive box

Zee.Dog Shopify product page template

Hey, you’ll love this: 17 Unconventional Ways To Reduce Shopping Cart Abandonment

27. Hobbe

Devised and developed by a mother who is also an entrepreneur, Hobbe makes furniture products that are centered around children and families.

What to replicate on your Shopify product page template:

a. Color and price drop down that optimizes space

Hobbe Shopify product page template

b. Clear instructions on which stores serve which regions

Hobbe Shopify product page template

c. They feature their customer reviews without going through too many scrolls 

d. Subtle share buttons that appear between slabs of content

Hobbe Shopify product page template

28. La La Land

La La Land is a modern and functional brand that creates comfortable yet stylish products. Their products invariably feature messages of hope and love.

What to replicate on your Shopify product page template:

a. All the vital text and visuals come in a no-scroll, neat package

La La Land Shopify product page template

b. Features both add-to-cart and buy now CTAs to ease checkout

La La Land Shopify product page template

c. Attractive image gallery with visual details

La La Land Shopify product page template

29. Ivory & Deene

This is a modern brand that first came into being as a family-run business and has been around for the last two decades.

What to replicate on your Shopify product page template:

a. An image gallery focused on creating an immersive experience

Ivory & Deene Shopify product page template

b. A shipping estimate function that allows the shopper to quickly calculate shipping rates 

Ivory & Deene Shopify product page template

c. The story of their origins gets a highlight at the bottom bar

Ivory & Deene Shopify product page template

d. “Rewards” prompt for all new email signups running with the scrolling

Ivory & Deene Shopify product page template

30. Haus

To counter the way alcohol is consumed and experienced, Haus was born.

What to replicate on your Shopify product page template:

a. The add-to-cart function does not disappear with scrolling

Haus Shopify product page template

b. Copy that displays the spirit of the product and brand 

Haus Shopify product page template

c. Wonderful design language, that’s catchy for the eyes and engages all the senses

Haus Shopify product page template

31. Titan Plus Store

What to replicate on your Shopify product page template:

a. Localize currency

Localization matters when it comes to currency:

  • 92% of shoppers prefer to make purchases on sites that price in their local currency
  • 33% are likely to abandon a purchase if pricing is in U.S. dollars only
Localize customizations for international shoppers - Lesser-Known Customizations For Your Shopify Product Pages

Utilize a country selector so customers can select their local country or region. Once selected, the prices change accordingly.

When you sell to different markets, make sure customers can view international prices, pay for their orders at checkout, and receive refunds in their local currency. By default, prices are converted automatically using the current market exchange rate, but you can set exchange rates manually.

b. Localize language

Over 67% of global consumers said they’d made a cross-border purchase in their lives. Almost one in five respondents stated that lack of language translation was a big barrier to purchasing on a foreign site.

“Remember, don't automate translation”

In terms of the website content, the majority of shoppers agreed that the following pages needed to be in their language: product descriptions (67%), product reviews (63%), and checkout process (63%).

Pro tip: Implement language-specific URLs

It's fine to use localized words in the URL or an Internationalized Domain Name (IDN). However, be sure to use UTF-8 encoding in the URL (in fact, we recommend using UTF-8 wherever possible) and remember to escape the URLs properly when linking to them.

Use hreflang or sitemaps so Google knows which pages are for locations or languages.

32. Pip Snacks

A snacks company with products that are good for you, Pip Snacks is a family enterprise with humble beginnings.

What to replicate on your Shopify product page template:

a. Option to create your own bundle

Shopify product page template

b. Subscribe and Save nudge

33. Terre Bleu

A lavender boutique, Terre Bleu brings to customers lavender-based wellness products such as pure essential oil, culinary, and skin care products.

What to replicate on your Shopify product page template:

a. Free shipping nudge to increase Average Order Value

b. Easy size variability

How Shopify page Terre Bleu offers size variability

34. Retro City Sunglasses

Offering designer-style accessories, Retro City Sunglasses is an eCommerce website that dominates within its community and has steadily built a digital presence for itself.

What to replicate on your Shopify product page template:

a. Notify Me When Available’

Enabling 'Notify Me When Available' on Shopify product page

b. The upsell nudge

35. Long’s Jewelers

Voted Boston’s best jeweler, Long’s is a heritage-inspired brand known for its collection of Vintage & Estate Jewelry, Rolex watches, and diamond pieces.

What to replicate on your Shopify product page template:

a. The price breakdown

b. Engagement features & their prominent display

How to build engagement on Shopify product page

36. Orange Street Paper Co

Orange Street Paper Co creates and designs original notebooks, gift wraps, pens, art prints, and greeting cards.

What to replicate on your Shopify product page template:

a. Limited images (that cover all the details)

Hero image on product page eCommerce

b. Minimal product description

37. Love Hair

Inspired to elevate your hair journey, Love Hair is a Shopify store that presents a curated collection of hair care products designed to be natural, sustainable, and effective. 

Shopify product page template

What to replicate on your Shopify product page template:

a. Five-Step Ritual

b. Snappy copy

38. Care/of

With personalized daily vitamin packs, Care/of is on a mission to help people live healthier lives easily. They offer vitamins, multivitamins, protein, ashwagandha, and more.

What to replicate on your Shopify product page template:

a. The quiz nudge

b. The minimal layout

Minimalism on product page template

39. Cuvee Coffee

Cuvee Coffee brings an exceptional, sustainable, full-bodied coffee experience to connoisseurs, beginners, and everyone in between.

What to replicate on your Shopify product page template:

a. ‘Just Give Me My Coffee’ instead of using a boring hamburger menu

Shopify page hamburger menu

b. Illustrations with product details.

c. The overall color palette

40. Vanity Planet

Designed to be the one-stop solution for all things skin, hair, health, and well-being, Vanity Planet brings a curated collection of products to the digital community.

What to replicate on your Shopify product page template:

a. Warranty & guarantee

Shopify product page example

b. Hamburger menu with smart categories

BONUS:

1. Experiment with custom pricing  

Use discounts strategically and at specific times to boost short-term sales, get more customers or move slow-moving stock.

There are two pricing strategies you can implement on your Shopify store.

a. Custom pricing levels  

Through Bold Custom Pricing, you can offer multiple wholesale pricing and tiered pricing on products. Also, explore "Power Features" where you can assign each product’s wholesale price and bulk discount.  

b. Compare at pricing

Experiment with custom pricing  - Lesser-Known Customizations For Your Shopify Product Pages

While offering discounts on the online store, applying the ‘compare at’ prices lets customers know how much money they’re saving.

Pro tip: Use auto apply coupon codes at checkout

2. Replicate mobile gestures  

Replicate mobile gestures - Lesser-Known Customizations For Your Shopify Product Pages

Google says that page ranking might be affected if it detects pop-ups that cover the main content when a shopper immediately lands on a mobile page.

A brilliant way to avoid the penalty is to not show the pop-up as soon as the user lands on the product page. Instead, utilize a scroll or time-triggered pop-up that doesn’t cover the whole page.  

Next, the position of the menu bar is a top priority on a mobile device. In Shopify, you can add a fully customizable design intuitive menu bar.

Furthermore, create a seamless experience across devices.

More than half of eCommerce shoppers shop on multiple devices. However, shoppers lose their carts each time they switch devices on your site.

Look towards persistent cart options to automatically tie shopping carts with accounts to prevent potential customers from losing their shopping carts.  

Check out: 20 Shopify Product Recommendation Strategies (With Real-Life Examples)

9 elements that the best Shopify product page templates have in common

The best Shopify product pages have two things in common - one, they all have great conversions, and two, they have certain elements optimized to offer the user a great experience. 

1. A product name that triggers a response

Functionality isn’t the only prerequisite here. It needs to offer a “feeler” into the product - the reason why many product names come with what can be called a brief descriptor within the name itself.

Check out what Nike does in the example below. The feeler is established through “dunk high” so that when you want to know further, you can head to the product description. A product descriptor also helps users find the same product across various Google results if they’re looking to compare prices or color section and buy. 

How Nike creates a unique brand recall with product name

Also check out: Shopify Product Bundling Guide: Best Practices And Examples

2. Enticing product images

In the absence of brick-and-mortar trials, visitors try to get a thorough understanding of the product they desire to purchase. How something looks and feels, in an eCommerce scenario, can be conveyed most effectively through images.

And this is why the best Shopify product pages invariably carry well-shot images.

Here’s a quick list of must-haves in product page images that can significantly enhance customer experience:

  • They need to appear against a white or any other neutral background
  • They must be easily zoomable so that potential customers can look at details more closely
  • They need to be shot across multiple angles for a 360º view

In the following example, iPhone 13's custom product page is as dynamic as it is engaging. The superhero is the product photography, which builds on the narrative as you scroll.

How Apple uses enticing images to promote the iPhone

3. A detailed product description

Ideally, a description is a detailed combination of both features and benefits, to engage the rational as well as the emotional side of visitors.

A glimpse of a Jack Wolfskin custom product page will tell you what a good product description looks like. It touches upon the facts and also makes space for the anticipated experience. 

How to create a detailed product description
Product pages letting you down? Read the kickass product page guide containing examples, best practices, templates plus more.

4. Quality product videos

The average eCommerce visitor loves product videos, and it’s for two very good reasons:

  • Videos can potentially break down complex information into simpler parts
  • The video uses sound, images as well as subtitles making them accessible for people with disabilities
  • Even the simplest videos can bring multiple elements together to build a great narrative for the product and brand

Take a leaf out of the book of TruWood Watches, a brand that engages its audiences with simple yet experience-driven unboxing videos.

Catch your attention? Get more here: eCommerce product videos: 30 brand examples to learn from

5. Clear add-to-cart call-to-action (CTA) 

A clear call-to-action (CTA) gives your shoppers a sense of direction.

The most successful eCommerce brands keep it simple when it comes to their product page CTA.

Here’s a quick look at how Bellroy manages to keep their add-to-cart CTA both simple yet striking, and yes, above the fold!

How Bellroy uses CTAs

6. Shipping information

Whether they offer free shipping or not, one common trait that all successful custom product pages share is transparency.

They declare whether shipping is free, how long it will take to dispatch, customer support information for queries, and a link to the shipping policy.

Here’s a glimpse at how UK based brand Missguided declares its shipping and delivery information:

How Missguided shows its shipping information

When a shopper clicks on “delivery & returns”, they’re provided with a full-page document with terms, conditions, and applicable fees. 

How Missguided shows its shipping & delivery information

7. Returns information

In 2020, the overall retail return rate in the US was 10.6%. This clearly indicates that delivery isn’t the final stop in the sales cycle.

This is why the best eCommerce businesses have a state-of-the-art returns policy and ensure it’s linked to their product pages.

Missguided also features a full FAQ page on returns. 

How Missguided shows its FAQs

8. Ample customer reviews

The average customer likes to know what other customers thought of the product they want to buy.

This tendency borrows from the psycho-social phenomenon “social proof”, which has people following the perceptions and decisions of other people in pursuit of what is “correct”.

This is why brands that offer customer reviews on their custom product pages, naturally improve the possibility of the following:

  • Increased trust
  • Improved engagement
  • Increased average basket values
  • Even fewer returns

Target features a review mix across their product pages. Additionally, they also showcase a gallery of review images as well as a panel that depicts averages across star ratings. 

How Target uses customer reviews

9. Frequently asked questions (FAQ) section

Considering no two eCommerce businesses run on the same policies, shoppers usually come with a lot of questions.

Imagine answering the same questions again and again, for every shopper that comes along. This is the kind of time and resource wastage that a FAQ section featured on your product pages, can help you avoid.

Take the example of Kettle & Fire. They offer a FAQ link towards the end of every product page. 

How to build an FAQ section

FAQs

1. How do Shopify product page templates work?

To enable millions of eCommerce businesses to build product pages up within short notice, Shopify has developed a number of product page templates.

Here’s a quick glimpse of how they work:

  • A whole-store template that applies to your entire eCommerce website. This includes product pages although a whole-store template usually allows for lesser customization
  • A single-page template typically applies only to product pages. Single page templates are highly customizable and are developed mostly by third-party app builders. Single page templates usually come with more nuanced features than whole store templates.

2. How do you create a custom product page template on Shopify ?

To create a custom Shopify product page template, go to 

Online Store > Themes > Actions > Edit Code

  • Then, access the folder called “Templates” and under that, “Add a New Template”
  • They will ask you to choose an option to state what you creating a new template for under the “Create a New Template for” dropdown menu
  • Select “Product” and give a name to your new product page template

If you’re using Shopify 2.0, let the template type continue to be “JSON” and for other versions see to it that it continues to be “LIQUID”

  • Now, click on “Create Template”
  • Remove all the code from this template so that it can be blank
  • Copy the code from under product JSON or LIQUID and paste it into the blank space under the new template
  • Under the new template, change “main product” to “custom product”
  • Once you click “Create”, the new template will open in the code editor
  • Remove all the existing default code
  • Copy the code from under the main product .liquid or .json file into the existing blank code space
  • Click save

If you want to customize this new template, follow 

Online Store > Themes > Customize. 

3. How do you create a Shopify product page template code?

When a template or theme’s default settings aren’t enough to help you make specific tweaks to your product page, you need to be able to change the code. 

To do this on Shopify, it’s ideal you know Liquid, a coding language used exclusively by Shopify. Alongside, Shopify themes also tend to feature other coding languages like HTML, CSS and Javascript

The path to edit your Shopify product page template code would be - 

Online Store > Themes > Theme actions > Edit code

While looking up the  theme files, remember to check /templates/product.liquid.

Shopify template process

This is the file for the product page and this is where you’ll be able to generate new code. 

Shopify template process

That apart, it’s helpful to go through the Shopify guide on themes that provides ample content and context for you to work on themes and related elements. 

4. How do you edit a product page on Shopify?

There are two ways to customize Shopify product pages:

  • One, where you head to “Online Store” through your personal dashboard, select “Themes” and then select “Customize”. As a next step, go to “Product Pages” and then edit the features currently stated
  • Two, from “Online Store”, go to “Themes”, then to “Actions” and finally, “Edit Code”

Read Next: Shopify conversion rate optimization - Answers to 30 most searched questions

X
Conversion rate optimization
x
x
Free Guide 👉 👉

60 Conversion Rate Hacks—for Shopify Stores

DownloadGET A PRODUCT PAGE AUDIT