In the theme editor: CustomizeHome pageAdd sectionAll collections

All collections

Your collections as a board of pictures with names and product counts, with a link to all collections.

A collection without its own image shows the image of its first product.

Settings

Photo shape: Choice: Portrait (4:5), Tall (2:3), SquareDefault: Portrait (4:5)
Product count under each name: On or offDefault: OffThe real number of products in the collection, under its name. Only on a card with a collection chosen.
Soft shadow behind the name: On or offDefault: OnA soft shade on the floor behind each name, so it stays easy to read over a bright reflection.

Color scheme: Color schemeThe stage takes its background and accent from this scheme. A color chosen below overrides it.
Section color: ColorOne color for the whole section: the background, the glow and the shadow behind the names come from it. Default: charcoal. A light color makes the section light with dark text, and the design stays the same.
Reflection strength: Slider, 0 to 100 %Default: 40 %The reflection of the cards on the floor below them. 0 turns it off. Not shown in Firefox.
Reflection length: Slider, 50 to 150 %Default: 100 %How far the reflection runs below the cards before it fades into the stage. 100: as in the theme.

Zoom the photo on hover: On or offDefault: OnComputer only. The photo grows slowly inside its frame, and the frame stays still.

Settings every section sharesWindow, Scrolling, Spacing, Text styling

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

Attach: Choice: Separate window, Attached to the window above, Attached to the window below, Attached above and belowDefault: Attached to the window below
Image corners: Choice: Rounded, SquareDefault: Rounded

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.

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 120 pxDefault: 40 px
Space below: Slider, 0 to 120 pxDefault: 40 px
Content width: Choice: Narrow, Standard, Wide, Full widthDefault: Standard

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

Blocks are the pieces inside the section. Add, remove and drag them in the editor to change the order.

Collection

Collection: Collection
Name on the clipping: TextLeave empty to show the collection name.
Custom image: ImageLeave empty to show the collection image.
Video: Video fileIf a video is chosen it replaces the image and starts only when it scrolls into view. The image stays as the poster.
Image focus: Choice: Focal point of the image, Center, Top, BottomDefault: Focal point of the image
Custom link: LinkLeave empty to open the collection page.

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