A per-product fact ledger — concentration, pH, patch-test result, whatever your category cares about — with an add-to-bag bar attached to each card. Up to eight products.
Merchant-addable
Yes
Settings
30
Block types
1
Max blocks
8
File
sections/evidence-cards.liquid
Used by default on: product.set
Screenshots pending
Captures for Evidence cards at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
Collection-level pages where several products need their key numbers compared at a glance, with the option to buy without leaving the page.
Setting it up
Add the section and write the heading under Content.
Configure card behavior under Cards — this controls how the facts and the purchase bar lay out.
Add one Product block per item, up to eight. Each picks a product and carries its own facts.
Set a color scheme under Style.
Set Fact 1 source, Fact 2 source, and Fact 3 source to a category attribute so every card fills from its own product. The typed value on a card is the fallback. See Per-product content.
Where the content comes from
Product identity, price, and availability come from Shopify. The facts on each card are block content, because they are category-specific and Shopify has no native field for them.
Notes and cautions
On mobile the cards become a scroll rail. Put your strongest product first.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings
match the editor's own grouping.
Content
HeadingText
ID
heading
Default
The Daily Edit
Heading sizeDropdown
ID
heading_size
Default
Large
Smallsmall
Mediummedium
Largelarge
SubheadingText
ID
subheading
Default
Targeted formulas, considered for every step.
Link labelText
Shown at the top right of the section. Leave blank to hide the link.
ID
link_label
Default
Shop all
LinkLink
ID
link_url
Shown when
link_label is set
Cards
Image ratioDropdown
ID
image_ratio
Default
Square
Squaresquare
Portraitportrait
Landscapelandscape
Show card numbersCheckbox
Numbers each card in order, such as 01 through 04.
ID
show_index
Default
On
Show product ratingCheckbox
Shows a star rating for products that have reviews.
ID
show_rating
Default
On
Facts
Fact 1 sourceDropdown
Fills this fact from each product automatically. The card's typed value is used when a product has no data for the attribute.
ID
fact_attribute_1
Default
Manual value (same on every product)
Manual value (same on every product)manual
Skin typesuitable-for-skin-type
Skin care effectskin-care-effect
Skin care featuresskin-care-features
Active ingredientsactive-ingredient
Constitutive ingredientsconstitutive-ingredients
Cosmetic functioncosmetic-function
Ingredient originingredient-origin
Product formproduct-form
Moisturizer typemoisturizer-type
Texturetexture
pH levelph-level
Fragrance levelfragrance-level
SPF levelspf-level
UVA protection gradeuva-protection-grade
Certifications and standardsproduct-certifications-standards
Fact 2 sourceDropdown
Fills this fact from each product automatically. The card's typed value is used when a product has no data for the attribute.
ID
fact_attribute_2
Default
Manual value (same on every product)
Manual value (same on every product)manual
Skin typesuitable-for-skin-type
Skin care effectskin-care-effect
Skin care featuresskin-care-features
Active ingredientsactive-ingredient
Constitutive ingredientsconstitutive-ingredients
Cosmetic functioncosmetic-function
Ingredient originingredient-origin
Product formproduct-form
Moisturizer typemoisturizer-type
Texturetexture
pH levelph-level
Fragrance levelfragrance-level
SPF levelspf-level
UVA protection gradeuva-protection-grade
Certifications and standardsproduct-certifications-standards
Fact 3 sourceDropdown
Fills this fact from each product automatically. The card's typed value is used when a product has no data for the attribute.
ID
fact_attribute_3
Default
Manual value (same on every product)
Manual value (same on every product)manual
Skin typesuitable-for-skin-type
Skin care effectskin-care-effect
Skin care featuresskin-care-features
Active ingredientsactive-ingredient
Constitutive ingredientsconstitutive-ingredients
Cosmetic functioncosmetic-function
Ingredient originingredient-origin
Product formproduct-form
Moisturizer typemoisturizer-type
Texturetexture
pH levelph-level
Fragrance levelfragrance-level
SPF levelspf-level
UVA protection gradeuva-protection-grade
Certifications and standardsproduct-certifications-standards
Add to cart button labelText
ID
add_to_cart_label
Default
Add to bag
Choose options button labelText
Used for products with more than one variant.
ID
choose_options_label
Default
Choose options
Style
Color schemeColor scheme
ID
color_scheme
Default
scheme-1
Cards per row on desktopDropdown
ID
columns_desktop
Default
4 cards
2 cards2
3 cards3
4 cards4
Mobile layoutDropdown
ID
mobile_layout
Default
Swipe
Swipecarousel
Stackedstacked
Space between cardsSlider
ID
column_gap
Default
24
Range
0px to 48px, in steps of 2px
Use custom corner radiusCheckbox
ID
use_custom_corner_radius
Default
Off
Corner radiusSlider
ID
corner_radius
Default
4
Range
0px to 32px, in steps of 2px
Shown when
use_custom_corner_radius
Animate on scrollCheckbox
Uses the animation settings in theme settings.
ID
enable_entrance_animation
Default
On
Padding
Top paddingSlider
ID
padding_top
Default
64
Range
0px to 120px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
64
Range
0px to 120px, in steps of 4px
Blocks
Blocks are added, reordered, duplicated, and removed inside the section. Each type has its
own settings.
Product productmax 8
ProductProduct
ID
product
BadgeText
Optional label shown on the image, such as Most loved.