עברית
עב

In the theme editor: CustomizeCollection pageAdd sectionCollection heading

Collection heading

The top of a collection page: the name, the description, breadcrumbs and a row of product kinds to jump between.

The kinds row reads your products. Set where the kinds come from in Theme settings, Product kinds.

Settings

Heading

Title for this page
TextReplaces the collection name in the heading and in the breadcrumb trail, without changing the collection in your store. Empty: the collection name.
Show the number of products
On or offDefault: On
Show collection description
On or offDefault: Off
Show the collection image
On or offDefault: OffThe image you set on the collection in your Shopify admin.
Image shape
Choice: Wide strip, Standard (16:9)Default: Wide strip

Product kinds

How the kinds are shown
Choice: Name row, Round photos, Drop-down list, Don't show kindsDefault: Name rowName row: the names of the kinds in one line, and tapping one filters the products. Round photos: a round photo above each name. Drop-down list: a small button with a photo, the name and an arrow, that opens a list of all the kinds. Shown only when the collection has two kinds or more. Where the kinds come from is set in Theme settings, Product kinds.
Name row style
Choice: Hanging tab, Rail with ink pill, UnderlineDefault: Hanging tabHanging tab: the line under the title becomes a rail in the frame color, and the chosen name hangs from it in a tab shaped like the logo notch. Rail with ink pill: the names sit on one surface, and the chosen name is in a filled pill, like the view picker below it. Underline: the chosen name in full ink with a thin line under it.
Length of the glide to a chosen name
Slider, 0 to 800 msDefault: 420 msThe tab or pill glides to the name that was tapped. 0: it moves at once. Visitors who asked their device for less motion always get it at once.
Tab color
ColorEmpty: the color of all tabs — the frame color, or the store’s dark color when the frame is light.
Tab text color
ColorEmpty: light on a dark tab, dark on a light tab.
Names and round photos on desktop
Choice: Wrap onto more lines, Swipe sidewaysDefault: Wrap onto more linesPhones always swipe sideways.
Kinds in collections on the collections page
Choice: Name row with an underline, Round photos, Don't show kindsDefault: Name row with an underlineFor a collection in the tab row of the collections page: the row of kinds under the tabs. The underlined name row is quiet and clearly sits inside the chosen collection; round photos show a photo above each name. Shown only when the collection has two kinds or more.
Show the breadcrumb trail
On or offDefault: On
Menu for the breadcrumb trail
MenuWhen the collection sits under an item of this menu, that item appears in the trail.

Space around the heading

Space above the title
Slider, 0 to 60 pxDefault: 8 pxOn phones this is shown at 75% of the value.
Space below the title area
Slider, 0 to 60 pxDefault: 24 px
Settings every section sharesWindow, Scrolling, Spacing, Colors, Text styling

The window, scrolling, spacing and color settings work the same way in every section. Read how they work.

Window

Attach
Choice: Separate window, Attached to the window above, Attached to the window below, Attached above and belowDefault: Separate window

Scrolling

Next section covers it on scroll
On or offDefault: OffScrolling down, this section stays in place under the header and the next section rises over it. Scrolling back reverses it. Off in the editor, for visitors who asked for reduced motion and on very short screens.

Spacing

Custom spacing for this section
On or offDefault: OffOff: the section spacing from theme settings, under Layout. On: the values here, above and below this section. On phones most sections use 65% of them.
Space above
Slider, 0 to 160 pxDefault: 0 px
Space below
Slider, 0 to 160 pxDefault: 0 px
Content width
Choice: Narrow, Standard, Wide, Full widthDefault: Standard

Colors

Color scheme
Color schemeSame as the page scheme: the section sits on the page background. Another scheme gives the section its own background, as a card inside the frame. Custom colors below override the scheme.
Use custom colors for this section
On or offDefault: OffOverrides the color scheme. Empty fields follow the scheme.
Background
ColorDefault: #F1F1EF
Text
ColorEmpty: automatic. Light on a dark background, dark on a light one.
Background style
Choice: Flat color, Lit stageDefault: Flat colorLit stage: a soft light from above that fades toward the bottom, made from the section color, light or dark. On a dark color, text and buttons turn light on their own.
Light color
ColorThe soft light from the top center. Empty: white.

Text styling

Custom text styling for this section
On or offDefault: OffOtherwise the section uses the theme styling. Shopify fonts do not include Hebrew, so you choose between styles that work in Hebrew.
Heading style
Choice: Theme default, Light, Bold, SerifDefault: Theme default
Heading size
Slider, 70 to 160 %Default: 100 %
Heading color
ColorEmpty: automatic, uses the section color (light on a dark background).
Text style
Choice: Theme default, Light, Bold, SerifDefault: Theme default
Text size
Slider, 70 to 160 %Default: 100 %
Text color
ColorEmpty: automatic, uses the section color (light on a dark background).

Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.