Zeppelin StudioOpaline
  1. Docs
  2. Sections
  3. Products & collections

Products & collections

Featured collection

Products from one collection in a grid or a carousel, with an optional View all button.

25 section settingsAvailable on every template. It cannot be placed in the header or footer
You may also like123
  1. 1Heading
  2. 2Product cards from the collection
  3. 3Button to the collection

Add the section#

Available on every template. It cannot be placed in the header or footer.

  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 Featured collection. Click the section in the sidebar to open its settings.
  5. Click Save in the top right corner when you are done.

Settings#

General

Full screen (edge to edge)
Toggle

Edge-to-edge image with no side margin, like the GUBI ref.

Default: Off
Space between products
Slider
Default: 8pxFrom 0 to 40px, in steps of 2
Space between products (mobile)
Slider
Default: 8pxFrom 0 to 24px, in steps of 2
Collection
Collection

Choose one of your collections.

Product count
Slider
Default: 5From 2 to 25, in steps of 1

Text

Heading
Rich text

Text on one line; bold, italic and links are kept.

Title alignment
Dropdown
Default: LeftCenterRight
Title size
Slider
Default: 100%From 60 to 220%, in steps of 5
Description
Rich text

Formatted text: bold, italic and links are kept.

Show collection description from admin
Toggle

Turn on or off.

Default: Off

Collection layout

Columns
Slider
Default: 5From 1 to 6, in steps of 1
Carousel
Toggle

Turn on or off.

Default: Off
"View all" button
Toggle

Visible if collection has more products than shown

Default: On
"View all" style
Dropdown
Default: Solid buttonLinkOutline button
Section background color
Color

Pick a color, or type its hex code.

Product card

Image ratio
Dropdown
Default: SquareAdapt to imagePortrait
Show second image on hover
Toggle

Turn on or off.

Default: Off

Mobile layout

Carousel on mobile
Toggle

Turn on or off.

Default: On

Product title

Hide product name
Toggle

Turn on or off.

Default: Off
Hide price
Toggle

Turn on or off.

Default: Off
Product name alignment
Dropdown
Default: LeftCenter
Title size
Dropdown
Default: SmallVery smallMediumLarge

Padding

Top
Slider
Default: 36pxFrom 0 to 100px, in steps of 4
Bottom
Slider
Default: 36pxFrom 0 to 100px, in steps of 4
Heading typeface
Dropdown

Theme default follows the section heading font chosen in Theme settings > Typography.

Default: Theme defaultHeading fontBody fontSans-serif heading font