Help with default template

Solved

Help with default template

ellacoker
Excursionist
116 0 15

Hi,

I have a general question about page templates.

 

I have a default product template page which is attached to each of my products. However, when i go to edit each individual product page it syncs accross all of my products - how do i just use the template as a template and edit each individually, or do i have to set up a template page for each individual product?

 

Ella.

URL: https://admin.shopify.com/store/wss10u-is/themes/175807824166/editor?previewPath=%2Fproducts%2Froot-...

PW: ellacoker

Screenshot 2025-01-31 at 11.03.32.png

Accepted Solution (1)

ChiragPatel2911
Shopify Partner
53 9 6

This is an accepted solution.

Hello @ellacoker 

 

If you update the content in the same template then it will be update for all products.

 

Here the best way is to create a metafield for that.

Go to the Shopify Settings -> Custom data -> Product

Click on Add Defination and crate a field like this https://prnt.sc/iHCyi0a12-oo

 

Now Open your customize and click on the https://prnt.sc/vpPaZUjpiTFA

Click on the back button and go to the template product https://prnt.sc/979X6RGOUZYT

Choose metafield we created like this https://prnt.sc/2imW-uQCTBmv

 

Now edit your product page and here you can add your product page content based on your product requirement.

https://prnt.sc/kxjUCkmrIk0W

 

I hope this works well for you. Let me know if you face any problem with it.

https://prnt.sc/Qx1tcscuRgcr

 

 

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co

View solution in original post

Replies 7 (7)

ChiragPatel2911
Shopify Partner
53 9 6

This is an accepted solution.

Hello @ellacoker 

 

If you update the content in the same template then it will be update for all products.

 

Here the best way is to create a metafield for that.

Go to the Shopify Settings -> Custom data -> Product

Click on Add Defination and crate a field like this https://prnt.sc/iHCyi0a12-oo

 

Now Open your customize and click on the https://prnt.sc/vpPaZUjpiTFA

Click on the back button and go to the template product https://prnt.sc/979X6RGOUZYT

Choose metafield we created like this https://prnt.sc/2imW-uQCTBmv

 

Now edit your product page and here you can add your product page content based on your product requirement.

https://prnt.sc/kxjUCkmrIk0W

 

I hope this works well for you. Let me know if you face any problem with it.

https://prnt.sc/Qx1tcscuRgcr

 

 

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co
ellacoker
Excursionist
116 0 15

thank you so much, this helped a lot!

 

ChiragPatel2911
Shopify Partner
53 9 6

Most welcome.

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co
ellacoker
Excursionist
116 0 15

If you are able to, could you tell me how i can do this with buttons on each page?

Beccause i would like to add a section where each goes to a different link. I know how to change the text now, but what metafield would i make for a button?

 

Ella.Screenshot 2025-01-31 at 14.43.30.png

ChiragPatel2911
Shopify Partner
53 9 6

You can add a custom CSS for that.

 

Go to the Online store -> Edit your theme code

Find base.css add below CSS like this https://prnt.sc/b7Tan2SEAFjR

@media(max-width:768px){
	.rich-text--full-width .rich-text__buttons {
		padding-top: 20px;
	}
}

 

And save the file. It will be look like this after https://prnt.sc/Yt-UuU3enTN1 

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co
ChiragPatel2911
Shopify Partner
53 9 6

@ellacoker 

Hello @ellacoker 

 

You can add a custom CSS under your theme file.

Go to the Online Store -> Edit your theme code and find the base.css

@media(max-width:768px){
.rich-text--full-width .rich-text__buttons {
padding-top: 20px;
}
}

 

Add this CSS at the end of that base.css file and save it. I hope that works for you.

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co
ChiragPatel2911
Shopify Partner
53 9 6

Hello @ellacoker 

 

You can add a custom CSS under your theme file.

Go to the Online Store -> Edit your theme code and find the base.css

@media(max-width:768px){
.rich-text--full-width .rich-text__buttons {
padding-top: 20px;
}
}

 

Add this CSS at the end of that base.css file and save it. I hope that works for you.

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co