Zeppelin StudioOpaline
  1. Docs
  2. Sections
  3. Template sections

Template sections

Product page

The product page: media gallery, title, price, options, subscriptions, quantity, add to cart, description, accordion panels and complementary products.

21 section settings10 block types · 8 settingsAccepts app blocksAvailable on the product template only

Add the section#

Available on the product template only.

  1. From your Shopify admin, go to Online Store > Themes, then click Customize next to Opaline.
  2. Use the page selector at the top of the editor to open the template you want to change.
  3. In the sidebar, click Add section where you want it to appear.
  4. Select Product page. Click the section in the sidebar to open its settings.
  5. Click Save in the top right corner when you are done.

Settings#

General

Product title size
Slider
Default: 100%From 60 to 200%, in steps of 5
Eyebrow (over-title)
Text

Shown above the product title. Leave empty to use the product vendor.

Eyebrow size
Slider
Default: 100%From 60 to 200%, in steps of 5
Description line height
Slider
Default: 1.7From 1.2 to 2.4, in steps of 0.1

Layout

Accordion indicator
Dropdown
Default: Plus / minus (+ / −)None

Media

Media layout
Dropdown

Stacked shows every image one below the other as the page scrolls. Carousel shows one image at a time.

Default: StackedCarousel
Media aspect ratio
Dropdown

Original keeps each image's own proportions, uncropped. The other ratios give every image the same frame and crop it to fill.

Default: Portrait 5:6Portrait 4:5Portrait 3:4SquareLandscape 16:9Original
Shown when Media layout is Carousel.
Media aspect ratio
Dropdown

Original keeps each image's own proportions, and the first image fills the screen. The other ratios give every image the same frame and crop it to fill.

Default: OriginalPortrait 5:6Portrait 4:5Portrait 3:4SquareLandscape 16:9
Shown when Media layout is not Carousel.
Show margins around media
Toggle

A white border around each image, with rounded corners. Turn off for edge-to-edge images.

Default: On
Shown when Media layout is not Carousel.
Show margins around media
Toggle

A white border around the image, with rounded corners. Turn off for edge-to-edge images.

Default: Off
Shown when Media layout is Carousel.
Show thumbnails
Toggle

A small thumbnail strip with a progress bar that stays over the images as the page scrolls.

Default: Off
Shown when Media layout is not Carousel.
Show thumbnails
Toggle

A small thumbnail strip with a progress bar, placed over the image.

Default: On
Shown when Media layout is Carousel.

Variants

Hide photos of non-selected colors
Toggle

Turn on or off.

Default: On
Color swatches for variants
Toggle

Add a swatch image or color to each option value in Shopify admin (Products → the product → Variants → the option). A swatch set there takes priority; without one, the theme falls back to the color name.

Default: On
Swatch shape
Dropdown
Default: RoundSquare

Add to cart button

Button corner radius
Slider

0 = square, 50 = pill

Default: 0pxFrom 0 to 50px, in steps of 2
Button style
Dropdown
Default: Filled (black)OutlineFilled (cream)
Show accelerated checkout buttons
Toggle

Shows the payment methods available on your store, such as Shop Pay or Apple Pay.

Default: On
Show pickup availability
Toggle

Turn on or off.

Default: On
Show tax and shipping note
Toggle

Turn on or off.

Default: On
Show the variant SKU
Toggle

Many shops use the SKU as an internal reference. Turn this off to keep it out of the storefront.

Default: On

Blocks#

Click Add block under the section in the sidebar to add one, then drag blocks to reorder them.

Vendor#

Up to 1 per section

General

Eyebrow text
Text

Shown above the product title. Overrides the section setting.

Product title#

Up to 1 per section

This block has no settings.

Price#

Up to 1 per section

This block has no settings.

Variant picker#

Up to 1 per section

This block has no settings.

Subscriptions#

Up to 1 per section

This block has no settings.

Buy buttons#

Up to 1 per section

This block has no settings.

Description#

Up to 1 per section

This block has no settings.

Accordion panel#

General

Heading
Text

The text shown in this place.

Image
Image

Optional. Shown at the top of the accordion content.

Content
Rich text

Formatted text: bold, italic and links are kept.

Content page
Page

Choose one of your pages.

Complementary products#

Up to 1 per section

General

Set complementary products for this product in your Shopify admin. The block stays hidden when there are none.
Heading
Text

The text shown in this place.

Maximum products
Slider
Default: 3From 1 to 10, in steps of 1

Custom Liquid#

General

Liquid code
Liquid

Add app snippets or other Liquid code to create advanced customizations.

Good to know

This section also accepts app blocks. Apps that offer blocks appear in the Add block menu once installed.

Good to know#

Good to know

The product page has a full guide: Product page.