A Shopify user encountered an issue where editing their default product template caused changes to sync across all products, rather than allowing individual customization per product.
Solution Provided:
The recommended approach uses Shopify metafields:
This method allows the template structure to remain consistent while enabling unique content for each product.
Follow-up Question:
The user asked how to apply this approach to buttons with different links on each product page. The response suggested adding custom CSS to the theme’s base.css file for button styling, though this addresses formatting rather than the core question about unique button URLs per product.
Status: The initial problem was resolved, though the button customization question may require further clarification about using metafields for URL fields.
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.
PW: ellacoker
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.
I hope this works well for you. Let me know if you face any problem with it.
thank you so much, this helped a lot!
Most welcome.
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.
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
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.
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.