ELVESSANE / MENSWEARTHEME DOCUMENTATION · v2.3.3

ELVESSANE / THEME DOCUMENTATION

Product page

The buying interface, sizing, product storytelling, recommendations and decision-support sections.

EV5
DOCS

PRODUCT TEMPLATE

Product confidence before decoration.

Product Information handles the buying interface. Discovery, fit, recently viewed, material details, recommendations and service notes support the decision without competing with Add to cart.

01

ev5-product-information

Product Information

Product Information in the Shopify Theme Editor
Product Information in the Shopify Theme Editor

Purpose

Primary product gallery, variants, price, quantity, buy actions, product blocks and the cinematic introductory product study.

ELVESSANE NOTE

Product information is the most important commerce section. Always test variant changes, price changes, media changes and Add to cart after editing blocks.

Recommended setup

  1. Choose media fit, ratio, gallery controls and thumbnail position.
  2. Select information style, density, variant style and card width.
  3. Add/reorder product information blocks in the Theme Editor.
  4. Enable cinematic intro only when product media supports it.
  5. Test every variant and sold-out state.
Complete settings reference 41 settings
SettingTypeDefaultOptions
1. Product layout
Show breadcrumbshow_breadcrumbcheckboxOn
Media fitmedia_fitselectcontainContain, Cover
Main media ratiomedia_ratioselectsquareSquare, Portrait, Landscape, Adapt to first image
Maximum media heightmedia_heightrange560
Media corner radiusmedia_radiusrange0
Thumbnail positionthumbnail_positionselectsideLeft side, Below media
Thumbnail widththumbnail_widthrange60
Show zoom controlshow_zoomcheckboxOn
Show gallery arrowsshow_gallery_arrowscheckboxOn
Show media countershow_media_countercheckboxOn
Keep media gallery visible while scrollingsticky_informationcheckboxOn
2. Product information
Information styleinfo_styleselectminimalEditorial card, Editorial rail
Information densityinfo_densityselectcomfortableCompact, Comfortable
Variant stylevariant_styleselectpillsPills, Tiles, Underline
Information column widthinfo_widthrange420
Column spacingcolumn_gaprange28
Block spacingblock_spacingrange10
Product heading sizetitle_sizerange34
Control heightcontrol_heightrange46
Information card radiusinfo_radiusrange0
Show sticky add to cart barshow_sticky_buy_barcheckboxOn
3. Cinematic product intro
Enable cinematic introenable_cinematic_introcheckboxOff
Intro eyebrowcinema_eyebrowtextELVESSANE / PRODUCT STUDY
Show vendor in introcinema_show_vendorcheckboxOn
Intro description lengthcinema_description_lengthrange160
Fallback intro descriptioncinema_description_fallbacktextDiscover the silhouette, details and finish of this selected Elvessane piece.
Image labelcinema_media_labeltextSELECTED PIECE
Scroll instructioncinema_scroll_labeltextSCROLL TO DISCOVER
Intro scroll durationcinema_scroll_heightrange140
Intro title size — desktopcinema_title_sizerange58
Intro text over imagecinema_overlay_textcolor#FFFFFF
4. Independent colors
Backgroundbackgroundcolor#ECE9E3
Panels and mediasurfacecolor#F7F5F1
Texttext_colorcolor#171717
Secondary textmuted_colorcolor#66615A
Accentaccentcolor#8A5B3D
Bordersbordercolor#CFC8BE
Vendor vendor

No editable section-level settings.

Title title

No editable section-level settings.

Price price

No editable section-level settings.

Rating rating

No editable section-level settings.

Savings message savings

No editable section-level settings.

SKU sku

No editable section-level settings.

Inventory status inventory_status
SettingTypeDefaultOptions
Low-stock thresholdlow_stock_thresholdrange6
In-stock textin_stock_texttextIn stock
Low-stock textlow_stock_texttextLow stock · {count} available
Out-of-stock textout_of_stock_texttextCurrently unavailable
Variant picker variant_picker

No editable section-level settings.

Purchase options selling_plans

No editable section-level settings.

Quantity selector quantity

No editable section-level settings.

Gift card recipient gift_recipient

No editable section-level settings.

Buy buttons buy_buttons
SettingTypeDefaultOptions
Show accelerated checkout buttonsshow_dynamic_checkoutcheckboxOn
Pickup availability pickup

No editable section-level settings.

Description description
SettingTypeDefaultOptions
Collapse the descriptioncollapsiblecheckboxOn
Row labelclosed_labeltextProduct details
Dynamic product content dynamic_content
SettingTypeDefaultOptions
HeadingheadingtextProduct information
Contentcontentrichtext
Offer message offer
SettingTypeDefaultOptions
EyebroweyebrowtextLIMITED OFFER
HeadingheadingtextA considered extra
Texttextrichtext<p>Use this block for a real Shopify promotion or a temporary product message.</p>
Optional discount codecodetext
Build a bundle bundle
SettingTypeDefaultOptions
EyebroweyebrowtextCOMPLETE THE LOOK
HeadingheadingtextBuild your set
Texttextrichtext<p>Select the pieces you want and add them together.</p>
Include the current productinclude_currentcheckboxOn
Additional product 1product_1product
Additional product 2product_2product
Additional product 3product_3product
Button labelbutton_labeltextAdd selected pieces
Delivery estimate delivery
SettingTypeDefaultOptions
EyebroweyebrowtextDELIVERY
HeadingheadingtextEstimated delivery
Preparation timepreparation_daysrange1
Minimum shipping timeminimum_daysrange2
Maximum shipping timemaximum_daysrange5
Estimate notenotetextDates are estimates based on the delivery settings above.
Trust badges trust_badges
SettingTypeDefaultOptions
Secure payment textsecure_texttextSecure payment
Shipping textshipping_texttextTracked delivery
Returns textreturn_texttextEasy returns
Product highlights highlights
SettingTypeDefaultOptions
First iconicon_1selectsparkleSparkle, Shield, Delivery, Return
First highlightitem_1textPremium finish
Second iconicon_2selectdeliverySparkle, Shield, Delivery, Return
Second highlightitem_2textTracked delivery
Third iconicon_3selectreturnSparkle, Shield, Delivery, Return
Third highlightitem_3textEasy returns
Share share
SettingTypeDefaultOptions
Button labellabeltextShare this product
Payment methods payment_methods
SettingTypeDefaultOptions
HeadingheadingtextSecure payment options
Size chart size_chart
SettingTypeDefaultOptions
HeadingheadingtextSize and fit
Pagepagepage
Collapsible row accordion
SettingTypeDefaultOptions
HeadingheadingtextMaterials and care
Contentcontentrichtext<p>Add product-specific care information here.</p>
Pagepagepage
Service note trust
SettingTypeDefaultOptions
IconiconselectpackageShield, Package, Return, Support
HeadingheadingtextDelivery information
TexttexttextShipping options and estimates appear at checkout.
Custom Liquid custom_liquid
SettingTypeDefaultOptions
Custom Liquidcustom_liquidliquid
@app @app

No editable section-level settings.

02

ev5-discovery

Discovery

Purpose

Supplementary editorial/product discovery section used below the main buying interface.

Recommended setup

  1. Configure products/content sources.
  2. Keep discovery below the core buying area.
  3. Use it to deepen browsing rather than repeat the product gallery.
Complete settings reference 55 settings
SettingTypeDefaultOptions
Editorial product discovery with transparent product images, smooth hover, variant drawer and responsive carousel.
Main collectioncollectioncollection
Category navigationnavigation_collectionscollection_list
Navigation labelnavigation_labeltextShop categories
Show collection imagesshow_nav_imagescheckboxOn
HeadingheadingtextCurated for you
Eyebrowsubtitle_texttextELVESSANE EDIT
Descriptiondescriptionrichtext
Products to showproducts_per_pagerange8
Product display
Desktop layoutlayout_modeselectcarouselGrid, Carousel
Mobile layoutmobile_layout_modeselectcarouselGrid, Carousel
Mobile carousel card widthmobile_carousel_widthrange80
Desktop columnsproducts_per_rowselect42, 3, 4, 5
Mobile columnsmobile_columnsselect21, 2
Second image on hovershow_secondary_imagecheckboxOn
Equalize product image sizenormalize_product_imagescheckboxOn
Product visual heightvisual_coveragerange80
Overall product scaleproduct_visual_sizerange92
Show vendorshow_vendorcheckboxOff
Show ratingshow_ratingcheckboxOff
Quick add labelquick_add_labeltextQUICK ADD
Sold out labelsold_out_labeltextSOLD OUT
Variant drawer
Drawer eyebrowdrawer_eyebrowtextSELECT YOUR OPTION
Drawer titledrawer_titletextChoose your variant
Drawer add buttondrawer_add_labeltextADD TO CART
Loading labelloading_labeltextLOADING OPTIONS…
Adding labeladding_labeltextADDING…
Added labeladded_labeltextADDED
In stock labelin_stock_labeltextIN STOCK
Unavailable labelunavailable_labeltextUNAVAILABLE
Header details
Show product countshow_countcheckboxOn
Products count labelproducts_labeltextproducts
Show view all linkshow_view_allcheckboxOn
View all labelview_all_labeltextView collection
Empty collection messageempty_texttextSelect a collection with products.
Appearance
Full widthfull_widthcheckboxOff
Backgroundbg_colorcolor#EEE9E3
Main texttext_colorcolor#2A1A11
Secondary textmuted_colorcolor#75675D
Accentaccent_colorcolor#B48768
Controls backgroundcontrol_backgroundcolor#EEE9E3
Bordersborder_colorcolor#D6CCC2
Legacy card backgroundcard_backgroundcolor#EEE9E3
Legacy card radiuscard_radiusrange0
Desktop column gapgrid_gaprange14
Mobile column gapgrid_gap_mobilerange10
Desktop row gaprow_gaprange28
Mobile row gaprow_gap_mobilerange20
Desktop side paddingside_paddingrange0
Mobile side paddingside_padding_mobilerange0
Vertical spacingsection_paddingrange44
03

ev5-smart-men-size-finder

Smart Men Size Finder

Purpose

Interactive sizing aid for menswear tops, bottoms and footwear.

ELVESSANE NOTE

Size guidance must match the merchant's real product measurements; do not publish placeholder sizing as factual.

Recommended setup

  1. Set copy and size guidance appropriate to the merchant's actual size system.
  2. Keep product-specific measurements authoritative.
  3. Link to the complete Size Guide page.
  4. Test result behavior on mobile.
Complete settings reference 10 settings
SettingTypeDefaultOptions
EyebroweyebrowtextFIT, WITHOUT THE GUESSWORK
HeadingheadingtextFind your size in seconds.
Intro texttextrichtext<p>Answer a few simple questions and ELVESSANE will estimate your most likely sizes for tops, bottoms and footwear. Add your own measurements for a more precise result.</p>
DisclaimerdisclaimertextSize recommendations are approximate and should be used as guidance only. Product-specific measurements and fit notes take priority.
Vertical spacingpadding_yrange52
Backgroundbackgroundcolor#F7F5F1
Texttext_colorcolor#171717
Muted textmuted_colorcolor#66615A
Linesline_colorcolor#171717
Accentaccentcolor#171717
04

ev5-recently-viewed

Recently Viewed

Purpose

Browser-session product history that helps customers return to products they inspected.

Recommended setup

  1. Set the maximum items and visual style.
  2. Confirm product cards inherit global card settings.
  3. Test after visiting several product pages in one browser session.
Complete settings reference 29 settings
SettingTypeDefaultOptions
EyebroweyebrowtextCONTINUE EXPLORING
HeadingheadingtextRecently viewed.
IntroductiontexttextareaA quiet reminder of pieces considered earlier.
Products to showproducts_to_showrange4
Product display
Equalize product image sizenormalize_product_imagescheckboxOn
Product visual heightvisual_coveragerange80
Overall product scaleproduct_visual_sizerange92
Mobile card widthmobile_card_widthrange80
Card gapcard_gaprange14
Quick add labelquick_add_labeltextQUICK ADD
Variant drawer
Drawer eyebrowdrawer_eyebrowtextSELECT YOUR OPTION
Drawer titledrawer_titletextChoose your variant
Drawer add buttondrawer_add_labeltextADD TO CART
View product labelview_product_labeltextVIEW PRODUCT
Adding labeladding_labeltextADDING…
Added labeladded_labeltextADDED
In stock labelin_stock_labeltextIN STOCK
Sold out labelsold_out_labeltextSOLD OUT
Unavailable labelunavailable_labeltextUNAVAILABLE
Appearance
Backgroundbackgroundcolor#E7DED4
Texttext_colorcolor#171717
Muted textmuted_colorcolor#66615A
Accentaccentcolor#B48768
Bordersborder_colorcolor#D4CBC2
Legacy card backgroundcard_backgroundcolor#E7DED4
Vertical spacingsection_paddingrange44
05

ev5-material-ledger

Material Ledger

Material Ledger in the Shopify Theme Editor
Material Ledger in the Shopify Theme Editor

Purpose

Three-part product detail storytelling for material, fit and care.

ELVESSANE NOTE

Use different copy for footwear, tailoring and shirts where construction differs.

Recommended setup

  1. Create detail blocks such as THE FABRIC, THE FIT and HOW TO CARE FOR IT.
  2. Upload product-specific imagery.
  3. Write factual material/care information only.
  4. Keep the notes compact enough to scan.
Complete settings reference 9 settings
SettingTypeDefaultOptions
EyebroweyebrowtextCONSTRUCTION / MATERIAL / FIT
HeadingheadingtextThe details are the design.
Introductiontextrichtext<p>Replace generic benefit cards with a visual ledger that explains what a customer can actually see and feel.</p>
Vertical spacingpadding_yrange28
Backgroundbackgroundcolor#F3F0EA
Texttext_colorcolor#171717
Muted textmuted_colorcolor#6A655F
Accentaccentcolor#8A5B3D
Bordersbordercolor#CFC8BE
Material detail detail
SettingTypeDefaultOptions
Detail imageimageimage_picker
Small labelkickertext01 / MATERIAL
HeadingheadingtextTexture you can read
TexttexttextareaUse close photography and precise copy to explain weight, hand-feel or construction.
Technical notenotetextDETAIL / CLOSE VIEW
06

ev5-product-recommendations

Product Recommendations

Purpose

Shopify-powered related products shown after the core product story.

Recommended setup

  1. Set heading and product count.
  2. Confirm Shopify has enough catalog relationships/data.
  3. Keep recommendation cards visually consistent with the rest of the theme.
Complete settings reference 9 settings
SettingTypeDefaultOptions
Recommendation typeintentselectrelatedRelated products, Complementary products
EyebroweyebrowtextCONTINUE THE LOOK
HeadingheadingtextYou may also like
Products to showproducts_to_showrange4
Desktop columnscolumns_desktoprange4
Backgroundbackgroundcolor#EEE6DD
Texttext_colorcolor#171717
Muted textmuted_colorcolor#66615A
Accentaccentcolor#8A5B3D
07

ev5-service-notes

Service Notes

Purpose

Final reassurance before the footer: delivery, returns, fit and payment.

Recommended setup

  1. Keep policy language accurate.
  2. Link to real policy pages.
  3. Do not promise delivery speeds or return windows the merchant cannot honor.
Complete settings reference 4 settings
SettingTypeDefaultOptions
Backgroundbackgroundcolor#E1DDD6
Texttext_colorcolor#171717
Muted textmuted_colorcolor#66615A
Accentaccentcolor#8A5B3D
Service note note
SettingTypeDefaultOptions
IconiconselectpackagePackage, Returns, Secure, Fit, Support
HeadingheadingtextDelivery choices
TexttexttextOptions and estimates are shown at checkout.