What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Product Page Setup

Product Page Setup

xice
Tourist
12 0 1

I would like to edit my store product page template, what is the best way to do this? 

 

I would like each product to have the same top section. So image on the left, product title, price and buy buttons and a small box that says what is included with the product. 

 

Under that, full page width I would like to build custom content for each product. I imagine for this I would code the sections how I want them, and then import the relevant ones with the admin web builder. 

 

Any recommendations on the best way to set this up and the files I should be looking to edit would be fantastic! 

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
10296 2044 2115

You will need to create separate product templates for each product if your theme is 2.0 OS version. Please check article below for more details

https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

xice
Tourist
12 0 1

Thanks, not sure this has really cleared things up for me. 

 

So, if each product needs its own custom template. Would I be better off building custom liquid files for each element I want and then using the theme editor to build them together? 

Dan-From-Ryviu
Shopify Partner
10296 2044 2115

You only need to build custom liquid files if your theme is vintage. If your theme is 2.0 OS, then you can build it by creating templates and adding sections without compromising codes. 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

xice
Tourist
12 0 1

Ok, so I have done that and created a new template. 

 

In the template builder, there is a section called "Product Page". That is the part I'd like to customise myself with code. What files would I need to look for to do that? 

xice
Tourist
12 0 1

Love any help I can get. 

topnewyork
Astronaut
761 124 139

Hello,

 

Please share "Store URL"

 

Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount