I have one thats called "product" under the templates file and the code is:
{
"wrapper": "div.product-section",
"sections": {
"main": {
"type": "product",
"blocks": {
"vendor": {
"type": "vendor",
"settings": {}
},
"title": {
"type": "title",
"settings": {}
},
"price": {
"type": "price",
"settings": {}
},
"form": {
"type": "form",
"settings": {
"show_gift_card_recipient_form": false
}
},
"description": {
"type": "description",
"settings": {}
}
},
"block_order": [
"vendor",
"title",
"price",
"form",
"description"
],
"settings": {
"enable_cart_redirection": false,
"show_payment_button": true,
"images_layout": "slideshow",
"enable_zoom": true,
"enable_video_autoplay": false,
"enable_video_looping": false
}
},
"recommendations": {
"type": "static-product-recommendations",
"settings": {
"show_product_recommendations": true,
"product_recommendations_heading": "You may also like",
"related_products_position_right": false
}
}
},
"order": [
"main",
"recommendations"
]
}
I also have a one that says product.liquid:
{% render 'breadcrumbs' %}
{% liquid
assign enable_zoom = section.settings.enable_zoom
assign enable_cart_redirection = section.settings.enable_cart_redirection
assign images_layout = section.settings.images_layout
assign enable_video_autoplay = section.settings.enable_video_autoplay
assign enable_video_looping = section.settings.enable_video_looping
assign enable_linked_options = true
assign show_vendor = settings.show_vendor
assign show_social_media_icons = section.settings.show_social_media_icons
assign show_payment_button = section.settings.show_payment_button
for block in section.blocks
if block.type == 'complementary_products'
assign product_recommendation_limit = block.settings.product_recommendation_limit
break
endif
endfor
%}
{% if images_layout == 'masonry' %}
{% comment %}Related products in masonry grid must be below product{% endcomment %}
{% assign related_products_position_right = false %}
{% endif %}
<script
type="application/json"
data-section-type="product"
data-section-id="{{ section.id }}"
data-section-data
>
{
"product": {{ product | json }},
"product_settings": {
"addToCartText": {{ 'products.product.add_to_cart' | t | json }},
"enableHistory": true,
"processingText": {{ 'products.product.processing' | t | json }},
"setQuantityText": {{ 'products.product.set_quantity' | t | json }},
"soldOutText": {{ 'products.product.sold_out' | t | json }},
"unavailableText": {{ 'products.product.unavailable' | t | json }}
},
"images_layout": {{ images_layout | json }},
"enable_zoom": {{ enable_zoom | json }},
"enable_video_autoplay": {{ enable_video_autoplay | json }},
"enable_video_looping": {{ enable_video_looping | json }},
"enable_cart_redirection": {{ enable_cart_redirection | json }},
"enable_fixed_positioning": true,
"product_recommendation_limit": {{ product_recommendation_limit | json }}
}
</script>
{% render 'product-success-labels' %}
<section class="product-container">
{%
render 'product',
product: product,
enable_zoom: enable_zoom,
images_layout: images_layout,
enable_linked_options: enable_linked_options,
show_vendor: show_vendor,
show_social_media_icons: show_social_media_icons,
show_payment_button: show_payment_button,
%}
<div
class="product-recommendations-wrapper--right"
data-product-recommendations-right
>
</div>
</section>
{% schema %}
{
"name": "Product pages",
"settings": [
{
"type": "checkbox",
"id": "enable_cart_redirection",
"label": "Enable cart redirection",
"info": "Automatically sends users to the Cart page after adding a product.",
"default": false
},
{
"type": "checkbox",
"id": "show_payment_button",
"label": "Show dynamic checkout button",
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"default": true
},
{
"type": "header",
"content": "Media"
},
{
"type": "paragraph",
"content": "Learn more about [media types](https://help.shopify.com/en/manual/products/product-media/product-media-types)"
},
{
"type": "select",
"id": "images_layout",
"label": "Layout",
"options": [
{
"label": "Slideshow",
"value": "slideshow"
},
{
"label": "List",
"value": "list"
},
{
"label": "Masonry",
"value": "masonry"
}
],
"default": "slideshow"
},
{
"type": "checkbox",
"id": "enable_zoom",
"label": "Enable image zoom",
"info": "Zoom only works with the slideshow image layout"
},
{
"type": "checkbox",
"id": "enable_video_autoplay",
"label": "Enable video autoplay",
"default": true
},
{
"type": "checkbox",
"id": "enable_video_looping",
"label": "Enable video looping"
}
],
"blocks": [
{
"type": "@app"
},
{
"type": "collapsible-tab",
"name": "Collapsible tab",
"settings": [
{
"type": "text",
"id": "collapsible_tab_heading",
"label": "Heading",
"default": "Collapsible tab"
},
{
"type": "richtext",
"id": "collapsible_tab_text",
"label": "Text",
"default": "<p>Use this text to share information about your product.</p>"
}
]
},
{
"type": "custom-liquid",
"name": "Custom liquid",
"settings": [
{
"type": "liquid",
"id": "custom_liquid",
"label": "Custom liquid",
"info": "Add app snippets or other Liquid code to create advanced customizations."
}
]
},
{
"type": "tabs",
"name": "Tabs",
"limit": 1,
"settings": [
{
"type": "checkbox",
"id": "show_product_description",
"label": "Show product description",
"default": false
},
{
"type": "header",
"content": "Tab"
},
{
"type": "text",
"id": "tab_heading_1",
"label": "Heading",
"default": "Tab 1"
},
{
"type": "richtext",
"id": "tab_text_1",
"label": "Text",
"default": "<p>Tab 1 content goes here.</p>"
},
{
"type": "header",
"content": "Tab"
},
{
"type": "text",
"id": "tab_heading_2",
"label": "Heading",
"default": "Tab 2"
},
{
"type": "richtext",
"id": "tab_text_2",
"label": "Text",
"default": "<p>Tab 2 content goes here.</p>"
},
{
"type": "header",
"content": "Tab"
},
{
"type": "text",
"id": "tab_heading_3",
"label": "Heading",
"default": "Tab 3"
},
{
"type": "richtext",
"id": "tab_text_3",
"label": "Text",
"default": "<p>Tab 3 content goes here.</p>"
}
]
},
{
"type": "title",
"name": "Title",
"limit": 1
},
{
"type": "vendor",
"name": "Vendor",
"limit": 1
},
{
"type": "social",
"name": "Social",
"limit": 1
},
{
"type": "description",
"name": "Description",
"limit": 1
},
{
"type": "price",
"name": "Price",
"limit": 1
},
{
"type": "form",
"name": "Form",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Customize form features for the product in the products portion of the theme settings."
},
{
"type": "checkbox",
"id": "show_gift_card_recipient_form",
"label": "t:sections.product.blocks.form.show_gift_card_recipient_form.label",
"info": "t:sections.product.blocks.form.show_gift_card_recipient_form.info",
"default": false
}
]
},
{
"type": "rating",
"name": "Product rating",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "To display a rating, add a product rating app. [Learn more](https://apps.shopify.com/product-reviews)"
}
]
},
{
"type": "complementary_products",
"name": "Complementary products",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "To select complementary products, add the Search & Discovery app. [Learn more](https:\/\/shopify.dev\/themes\/product-merchandising\/recommendations)"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Pairs well with"
},
{
"type": "range",
"id": "product_recommendation_limit",
"label": "Maximum products to show",
"min": 1,
"max": 10,
"default": 5
},
{
"type": "range",
"id": "products_per_slide",
"label": "Number of products per page",
"min": 1,
"max": 3,
"default": 2
}
]
}
]
}
{% endschema %}
