Product Template Documentation
Summary
The product template showcases product details and supports various features like Request a Quote, Variant Images, Subscription Options, Linked Products, and more to enhance the customer experience.
Using Request a Quote Block
The Request a Quote block allows customers to request a quote or additional information. It can be used alongside or instead of the Buy Buttons.
Enable Feature
Open the Theme Editor by clicking Customize next to the relevant theme.
Navigate to the product you want to modify.
Within the Product Template, select Add Block > Quote Form.
Customize the button text, content, and success message as needed.
Showing Selected Variant Images
Enabling “Show selected variant images only” ensures that only images assigned to the selected variant are displayed.
Enable Feature
Open the Theme Editor by clicking Customize next to the relevant theme.
From the dropdown in the top bar, select Products > Default Product.
Select Product Main from the theme sections.
Scroll down and toggle on Show selected variant images only.
Order Images
Upload all images under Media in your product settings.
Ensure images are sorted in the same order as your variants.
Assign featured images to each variant that match the first image.
Using Third-Party Subscription Options
Shopify subscriptions can be tricky to set up. Here are two approaches:
Using Built-In Subscription Options
Ensure the third-party subscription widget is disabled.
Ensure the Options block is included on your product template.
Using Third-Party Subscription Widgets
Create a new product template:
In the Theme Editor, click the top dropdown > Products > Create Template.
Label it
subscription
.
Enable the default selling plan widget:
Click into the Product Section and check Enable default selling plan widget.
Remove the Options block.
Install the subscription widget via your third-party app.
Assign the
subscription
template to all products with a subscription plan.
Adding a Quantity Picker
A quantity input field can be enabled or disabled on product pages.
Enable Feature
Open the Theme Editor by clicking Customize next to the relevant theme.
From the dropdown in the top bar, select Products > Default Product.
In the Product Section, click into the Buy Buttons block.
Scroll down and enable Show quantity input.
Connect Products Using the “Combined Listing” App
Keystone supports the Combined Listing app, which links multiple products together. Visit the Shopify Help Center for more details.
Connect Products Using the “Linked Products” Block
Display additional products as options on your product page.
Enable the Product Block
Open the Theme Editor by clicking Customize next to the relevant theme.
Navigate to the product template and click Add Block within the Product Section.
Add a label (e.g.,
Color
) and reposition the block above the Buy Buttons.
Create Metafield Definition
Navigate to Settings > Custom Data > Products.
Click Add Definition.
Set Name to
Linked Collection
.Set Namespace and Key to
custom.linked_collection
.Set the data type as Collection.
Update Metafield
Navigate to the product you’d like to update.
Scroll to the bottom and select a collection for the metafield.
Click Save.
Using the Content Drawer Product Block
The Content Drawer block displays a link that opens a slide-out drawer for additional product details (e.g., sizing charts or ingredient lists).
Enable Feature
Open the Theme Editor by clicking Customize next to the relevant theme.
From the dropdown in the top bar, select Product.
Click Add Block and select Content Drawer.
In the Option field, enter the text that matches the product option you want to display this next to (e.g.,
size
).Add a title and select a page with plain text content.
Click Save.
Using the Custom Field Product Block
The Custom Field block adds additional fields to a product form (e.g., custom engraving).
Enable Feature
Open the Theme Editor by clicking Customize next to the relevant theme.
From the dropdown in the top bar, select Product.
Click Add Block and select Custom Field.
Add a label and check Enable Required Field if needed.
Reposition the block above the Buy Buttons.
Click Save.
Using the Bundle Block
The Bundle template allows you to sell multiple products from a single page.
Create Metafield Definition
Navigate to Settings > Custom Data > Products.
Click Add Definition.
Set Name to
Product Bundle
.Set Namespace and Key to
custom.product_bundle
.Set the data type as Product and select List of Products.
Create a Bundle Template
In the Theme Editor, select Products > Add Template.
Enter a name (e.g.,
Bundle
).Add the Bundled Products block.
Customize the template as needed.
Create a Bundle Product
Create a new product in Shopify.
Add images showcasing all items in the bundle.
Set a price for the bundle.
Uncheck Track Quantity.
Scroll to Metafields and click Product Bundle.
Select the products to include in the bundle.
Under Theme Template, select the
bundle
template.
How to Use the 'Table' Block
Navigate to a product page in the Theme Editor.
Click on your Product Template and select Add Block > Table.
This block lets customers easily see all options/variants of a product and add multiple quantities at once.