Mandolin Inspirational 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 Mandolin 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.

Product information section

Settings

Setting Value
MEDIA  
Image ratio 2:3
Image fit container Checked
Enable zoom Unchecked
Desktop layout Stack images

Blocks

Title block

Setting Value
Title size Medium

Price block

This block displays the product's pricing information, such as price and compare at price.

Setting Value
Size Small

Variant picker block

This block displays any variant options for the product.

Setting Value
Picker type Color image swatch and dropdown

Quantity selector block

Setting Description
Show inventory quantity Checked
Inventory quantity threshold 18

Buy buttons block

This block displays the "Add to cart" button and any in-store pickup information. It can also show any dynamic checkout buttons.

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

Share block

This block displays a clickable link that lets customers share the product on their social media.

Setting Description
Text Share

Description collapsible block

Setting Value
Heading Description
Open collapsible tab Checked

Description collapsible block

This block uses collapsible tab to display the description of the product..

Setting Value
Heading Shipping and Payment
Collapsible content from page Choose a page
Open collapsible tab Unchecked

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
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
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