Chord Warm Template Case - Product

Overview

Default product template controls the features, layout, and settings for the product page. Merchants use the product page (also known as a PDP or product details page) to highlight the features and benefits of each product. Customers use the features on the product page to learn about the product and add their preferred options to the cart.

Guidelines

Customize section

Steps:
  1. From your Shopify admin, go to Online Store > Themes.
  2. Find chord theme that you want to edit, and then click Customize.
  3. You need to open up any product, from inside the theme editor area, or select the product page from the dropdown at the top.
Note:All settings here will be applied to all products, not just the one you are on. If you are looking to have different sections on different products.

Section settings

By default, product pages have a Product information section, a Product recommendations section and a Recently viewed products section.

Section settings

Setting Value
Section width Full width
MEDIA  
Image ratio 2:3
Image fit container Checked
Enable zoom Unchecked
Desktop layout Stack images
Media centered Checked
Media width 82

Blocks

Title block

Setting Value
Title size Medium

Price block

Setting Value
PRICE  
Size Small

Variant picker block

Setting Value
Picker type Color image swatch and dropdown

Quantity selector block

Setting Value
Show inventory quantity Checked
Inventory quantity threshold 18

Buy buttons block

Setting Value
Show dynamic checkout buttons Checked
Show local pickup availability Checked

Share block

Setting Description
Text Share

Shipping and Payment - Drawer tab block

Setting Value
Heading Shipping and Payment
Drawer content from page Select a page

Size chart - Drawer tab block

Setting Value
Heading Size chart
Image Choose a image.
Drawer content Content
Drawer content from page Choose a page.

Size chart - Drawer tab block

This block displays a drawer tab with a title. When a customer clicks the title, the drawer opens to display additional content.

Setting Value
Heading Size chart
Image Choose a image.
Drawer content Content
Drawer content from page Choose a page.

Short description

Setting Value
Short description position Left
Content Choose a metafeild

Section settings

Overview

Based on the product currently being viewed, this section displays similar products, or products that are frequently bought together with this product.

Section settings

Setting Value
Section width Grid
Section spacing Medium
Layout Carousel
Section header  
Heading You may also like
Heading size Medium
GRID  
Maximum products to show 8
Number of columns on desktop 4
Number of columns on mobile 2
PRODUCT CARD  
Show product info Checked

Overview

Show the customer recently viewed products.

Section settings

Setting Value
Section width Grid
Section spacing Medium
Layout Carousel
Section header  
Heading Recently viewed
Heading size Medium
GRID  
Maximum products to show 8
Number of columns on desktop 4
Number of columns on mobile 2
PRODUCT CARD  
Show product info Checked

Recently viewed