Handsome documentation

Theme settings

Product card

How products look in grids, sliders and recommendations everywhere in the store: image shape, hover effect, swatches, sizes, quick add and more.

Image

SettingWhat it does
Aspect ratioDropdown
Adapt to image1:1 (square, cropped)1:1 (square, no crop)3:4 (portrait)4:3 (landscape)
Hover effectDropdown
Image zoomCard liftNone
Cycle product imagesDropdownCards with more than one photo fade to the next every 4 seconds.
Desktop and mobileMobile onlyOff
Show second image on hoverToggleShown only when it applies to the options chosen above.
Show image arrows on desktopTogglePrevious and next buttons over the image on hover.

Card style

SettingWhat it does
StyleDropdown
PlainBoxedShadow
PaddingSliderShown only when it applies to the options chosen above.
Card cornersDropdown
SquareRounded
Gap between cardsSliderFeatured collection, product tabs and collection pages.

Title

SettingWhat it does
Show vendorToggleToggle
FontDropdown
Body fontHeading font
Title font sizeSliderSlider
Title font weightDropdown
RegularMediumSemiboldBold
Title linesSliderLonger titles are trimmed, so prices line up across a row.

Price

SettingWhat it does
Show priceToggleToggle
Price font sizeSliderShown only when it applies to the options chosen above.
Price font weightDropdown
RegularMediumSemiboldBold
Shown only when it applies to the options chosen above.
Show compare at priceToggleShown only when it applies to the options chosen above.
Show savings amountToggleShown only when it applies to the options chosen above.

Rating

SettingWhat it does
Show star ratingToggleToggle
Show review countToggleShown only when it applies to the options chosen above.

Swatches and sizes

SettingWhat it does
Show color swatchesToggleToggle
Swatch sizeSliderShown only when it applies to the options chosen above.
Swatch shapeDropdownOriginal image ratio leaves variant images uncropped.
CircleSquareOriginal image ratio
Shown only when it applies to the options chosen above.
Show size optionsToggleShows the size values as small text pills under the card.
Size option nameTextSeparate several names with commas.Shown only when it applies to the options chosen above.
Maximum swatches shownSliderExtra colors are counted and link through to the product.Shown only when it applies to the options chosen above.

Add to cart

SettingWhat it does
Show add to cart buttonToggleToggle
Quick add panelTogglePick options without leaving the page.

Low stock

SettingWhat it does
Show low stock warningToggleOnly appears when Shopify is tracking inventory for the product.
Warn atSliderShown only when it applies to the options chosen above.