Product information
The product page and Featured product: pictures, variant picker, swatches, price, buy buttons, description and more.
Online Store › Themes › Customize › Theme settings › Product information
Variant picker
Swatches
Product photos: each swatch is the variant's own photo; a color without one shows its swatch color. Colors: each swatch is the color or pattern set for it in Content › Metaobjects. Swatches need the product's category set and the option connected to its Color or Pattern metafield. Options of five values or fewer show as chips.
Swatch shape
Square shows the whole picture and continues its backdrop to fill the square. Adapt to image keeps the picture's own shape.
Image swatch size
Show the option name beside color swatches
On the product page, at every screen size.
Chosen swatch
Images
Images per row on desktop
Two puts the pictures side by side in pairs.
Info column sticks
On desktop. At its end, a column taller than the screen scrolls with the pictures until its last line is in view, then stays there. Under the header, it stays at the top from the start, and its end shows only when the pictures run out.
Hold photos still on phones
On phones the photos stay in place at the top while the product information slides up over them.
Width
On desktop, the widest the product information grows in its column.
Full-screen pictures: bar and close
The picture viewer's bottom bar and close button, on a blur over the picture.
Images follow this option
Each value shows only its own pictures. Put each color's pictures together and give the first one to its variants as the variant image; its pictures run until the next color's. Pictures before the first variant image show for every color. Separate several names with commas, or leave empty to show every picture.
Images
Stock
Show the count at or below
From Shopify's inventory, for variants it tracks and stops selling at zero. The bar fills by the count's share of this number.
Show a bar under the count
Say In stock above it
Product label
Show the label in the description
The label sits under the description's heading, and the Label block is left out.
Before the SKU
Such as Ref., Style or Item. Leave empty to show the SKU alone.
Product title
Style on desktop
Capitals sets the name at a modest size in capitals, with a little letter spacing. Editorial sets it larger, exactly as you typed it.
Style on phones
Long names in capitals can wrap onto several lines on a phone.
Product price
Show the tax and shipping note
Show Shop Pay Installments
Shows a line under the price when Shop Pay Installments is available in your store.
Buy action
Show price in the button
Shows the price for the chosen quantity on Add to bag and on the buy bar.
Buy it now
Shopify's quick-payment buttons under Add to bag; Shopify sets their colors. Link sets the plain one as a quieter link so Add to bag leads; Shop Pay, Apple Pay and the other branded buttons stay buttons.
Highest quantity
The quantity list goes up to this number. If a customer adds more than you have in stock, the bag shows a message.
Description
Lines before Read more
All shows the whole description.
Pairs well with
Products in the column
When there are more, View all opens them in a sheet. Shopify sends up to 10.