ELVESSANE / THEME DOCUMENTATION

Collections

Collection pages, list-of-collections storytelling, product filtering and set merchandising.

EV5
DOCS

COLLECTION JOURNEY

Lead with context, then let the catalog take over.

The collection template uses Collection Cinema for its hero and grid, followed by Shop The Set Cinema and service notes.

ev5-collection-cinema

Collection Cinema

Purpose

Collection hero, category navigation, filtering/sorting and product grid in one cinematic collection experience.

ELVESSANE NOTE

The hero can use the current collection image automatically or a custom image override.

Recommended setup

Enable the cinematic hero.
Choose automatic collection title or write custom hero copy.
Add category navigation blocks when useful.
Set grid eyebrow, heading and introduction.
Test product filters, sort and pagination with real catalog data.

Complete settings reference 55 settings

Setting	Type	Default
1. Collection hero
Show cinematic hero`show_editorial_hero`	checkbox	On
Use collection title automatically`auto_collection_copy`	checkbox	On
Optional custom hero image`hero_image`	image_picker
Hero eyebrow`hero_eyebrow`	text	THE MEN'S EDIT
Hero heading`hero_heading`	text	MODERN MENSWEAR
Hero subtitle`hero_subtitle`	text	Tailoring · Layers · Everyday essentials
Scroll hint`hero_scroll_label`	text	SCROLL TO DISCOVER
Show collection description`show_description`	checkbox	Off
Hero height`hero_height`	range	660
Hero image scale`hero_image_scale`	range	105
Legacy title split`title_split`	range	58
2. Category navigation
Add collection blocks below. Their collection image is used automatically.
3. Product grid
Grid eyebrow`collection_eyebrow`	text	CURATED FOR YOU
Grid heading`collection_heading`	text	THE COLLECTION
Grid introduction`collection_subtitle`	text	Refine the edit, then discover each piece.
Products per page`products_per_page`	range	12
Desktop columns`columns_desktop`	range	4
Product gap`grid_gap`	range	18
Show second image on hover`show_secondary_image`	checkbox	On
Equalize product image size`normalize_product_images`	checkbox	On
Product visual height`visual_coverage`	range	80
Overall product scale`product_visual_size`	range	92
Remove checkerboard artifact`auto_remove_checkerboard`	checkbox	On
Show vendor`show_vendor`	checkbox	Off
Quick add label`quick_add_label`	text	QUICK ADD
Added label`added_label`	text	ADDED
Sold out label`sold_out_label`	text	SOLD OUT
Variant drawer
Drawer eyebrow`drawer_eyebrow`	text	SELECT YOUR OPTION
Drawer title`drawer_title`	text	Choose your variant
Drawer add button`drawer_add_label`	text	ADD TO CART
Adding label`adding_label`	text	ADDING…
Loading label`loading_label`	text	LOADING OPTIONS…
In stock label`in_stock_label`	text	IN STOCK
Unavailable label`unavailable_label`	text	UNAVAILABLE
4. Filters and sorting
Enable Shopify filters`enable_filtering`	checkbox	On
Show dropdown filters on desktop`desktop_filter_sidebar`	checkbox	On
Enable sorting`enable_sorting`	checkbox	On
5. Spacing
Grid top spacing`padding_top`	range	52
Bottom spacing`padding_bottom`	range	60
6. Theme colors
Theme background`background`	color	#F3EFE9
Light surface`surface`	color	#F8F5F0
Top black band`dark_surface`	color	#171717
Dark text`text_color`	color	#181512
Light text`light_text`	color	#F7F5F1
Muted text`muted_color`	color	#746D65
Accent`accent`	color	#B48768
Lines`border`	color	#D8D0C6
Product corner radius`card_radius`	range	0

Collection category category

Setting	Type	Default	Options
Collection`collection`	collection
Optional custom label`label`	text

ev5-shop-the-set-cinema

Shop The Set Cinema

Purpose

Editorial set-building module that lets the merchant select multiple complementary products and add them together.

ELVESSANE NOTE

All products in a set must have valid available variants for multi-add to succeed.

Recommended setup

Add the set product blocks in a logical sequence.
Choose a selected hero piece.
Upload a transparent 3D/model image for the right side.
Set add-set success/error copy.
Link the All Products button to the full catalog.

Complete settings reference 22 settings

Setting	Type	Default
Editorial eyebrow`eyebrow`	text	COLLECTION NOTE
Editorial heading`heading`	text	The logic behind the edit.
Editorial text`text`	richtext	<p>A concise editorial module gives the collection context without turning the page into a campaign microsite.</p>
Scroll length`scroll_height`	range	300
Scroll chapter label`chapter_label`	text	SELECTED PIECE
Large background word`ghost_word`	text	SET
3D man image — right side`model_image`	image_picker
Add set button`add_all_label`	text	ADD 3 ITEMS TO CART
Adding label`adding_label`	text	ADDING THE SET…
Added label`added_label`	text	SET ADDED
Added status suffix`added_status`	text	items added to your bag.
Error text`error_label`	text	The set could not be added. Please try again.
All products button`all_products_label`	text	ALL PRODUCTS
All products link`all_products_link`	url
Large product image scale`product_scale`	range	100
Vertical spacing`padding_y`	range	48
Background`background`	color	#F7F5F1
Dark cinematic band`dark_background`	color	#171717
Text`text_color`	color	#171717
Muted text`muted_color`	color	#66615A
Accent`accent`	color	#8A5B3D
Lines`line_color`	color	#D7D0C7

Set product product

Setting	Type	Default
Product`product`	product
Product eyebrow`label`	text	THE SET / SELECTED PIECE
Short note`note`	text	Selected to complete the look.

ev5-service-notes

Service Notes

Purpose

Short reassurance row for delivery, returns, fit guidance and secure checkout.

Recommended setup

Add only the service notes that are true for the merchant.
Link policies when a block supports links.
Keep text concise so the row remains scannable.

Complete settings reference 4 settings

Setting	Type	Default
Background`background`	color	#E1DDD6
Text`text_color`	color	#171717
Muted text`muted_color`	color	#66615A
Accent`accent`	color	#8A5B3D

Service note note

Setting	Type	Default	Options
Icon`icon`	select	package	Package, Returns, Secure, Fit, Support
Heading`heading`	text	Delivery choices
Text`text`	text	Options and estimates are shown at checkout.

ev5-editorial-gallery

Collections Gallery

Purpose

Full-bleed gallery used by the list-collections template to turn collection browsing into an editorial story.

Recommended setup

Add gallery story blocks.
Choose collection/product content source or a custom image.
Set title, small label and CTA.
Use campaign images with enough negative space for overlay copy.

Complete settings reference 23 settings

Setting	Type	Default	Options
Cinematic behavior
Image reveal`reveal_style`	select	center	Center expansion, Cinematic iris, Vertical aperture
Motion distance per image`scroll_per_slide`	range	30
Motion softness`smoothing`	range	14
Subtle pointer depth on desktop`pointer_depth`	checkbox	Off
Show vertical progress line`show_progress`	checkbox	On
Show scroll hint`show_scroll_hint`	checkbox	On
Scroll hint text`scroll_hint`	text	Scroll to explore
Layout
Side margin`side_margin`	range	3
Media corner radius`media_radius`	range	8
Desktop title size`title_size`	range	54
Desktop number size`number_size`	range	96
Image overlay`overlay_opacity`	range	45
Landscape image position
Landscape focal point — horizontal`image_position_x`	range	50
Landscape focal point — vertical`image_position_y`	range	50
Colors & label
Top label`kicker`	text	ELVESSANE / MATERIAL STUDIES
Section background`background`	color	#F3EEE7
Text`text_color`	color	#FFFFFF
Muted text`muted_color`	color	#D9D2CA
Accent`accent`	color	#C89B4A

Gallery story story

Setting	Type	Default	Options
Content source`source_type`	select	custom	Custom image, Shopify product, Shopify collection, Customer review
Image override`image`	image_picker
Product`product`	product
Collection`collection`	collection
Small label`eyebrow`	text	THE EDIT
Title`title`	text
Description`text`	textarea
Button label`link_label`	text
Custom link`link`	url
Review mode
Review headline`review_title`	text	A piece I keep reaching for
Review`review_text`	textarea	Beautifully considered, easy to wear, and even better in person.
Customer name`review_author`	text	Customer name
Rating`review_rating`	range	5

Template order

collection.json: Collection Cinema → Shop The Set Cinema → Service Notes.

list-collections.json: Editorial Gallery → Collection List.