Customizing Individual Product Pages on Shopify

Shopify Discussion
1

Dear Shopify Support Team,

I hope this message finds you well. I am currently managing a Shopify store with over 10 products, and I am looking to customize each product page with a unique design to enhance the overall visual appeal and user experience.

As I explore the customization options within the Shopify admin, I’ve noticed that when I change the layout or design of one product page, it reflects across all product pages. However, I want each product page to have a distinct look.

Please guide me on how I can customize each product page individually without affecting the design of other product pages. I want to create a cohesive yet unique appearance for each product.

I appreciate your assistance and look forward to your guidance on this matter.

Thank you,

2

Hi @hmjewel ,

Yes, you can do that all you need to create different template for all the product and write custom CSS to make adjustments.

you must have very deep understanding of liquid and css to customise.

best of luck.

3

Hi @hmjewel ,

To achieve your goal, consider creating a new product page template by following these steps :hugs: : Navigate to Online Store > Themes > Customize > Products > Create template.

ể3gergr4.png
ể3gergr4.png2880×1622 293 KB

Once created, assign the relevant product(s) to this newly generated template.

tdfvc.png
tdfvc.png2758×556 70.8 KB

ews.png
ews.png2706×656 117 KB

1 Like
4

but some queries in my mind about. when i create a template of product 1. it use for product 2 then both product data will be same or change when update, because both products having their own features and images.

Thanks.

5

That will depend on the section you are using most of the time people use static content for sections.

In that case, if you use a template other than 1 product to 2 it will show the content of product 1.

For that you have to use metafield or metaobjects for section content for reference please refer to the below video.

Hope this will help…

6

How do I use metaobjects to change both products differently?