- Create a custom template
- Upload a custom template
- Assign a custom template to a storefront page
Create the custom Subdirectory in the templates/pages Directory
- Navigate to templates/pages within your cornerstone theme files
- Create a new folder under templates/pages called custom
- Create a new folder under templates/pages/custom called product
Create the Template HTML File
- Edit the product.html file
- Customize the file (for this example we are just adding text for demonstration)
- Save the modified html file as a new file named as an existing product URL in your store (for this example we are using custom-product.html)
- Ensure the new html file is saved to the templates/pages/custom/product directory
Map the Template to a URL in the config.stencil.json File
- Navigate to the config.stencil.json file
- Add the code below to the “customLayouts”section
- Enter stencil start on the command line
Test Your Custom Template Locally
- Navigate to http://localhost:3000/custom-product/