Evidence cards

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
38
Block types
1
Max blocks
8
File
sections/evidence-cards.liquid

Used by default on: Product (set)

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

  1. Add the section and write the heading under Content.
  2. Configure card behavior under Cards — this controls how the facts and the purchase bar lay out.
  3. Add one Product block per item, up to eight. Each picks a product and carries its own facts.
  4. Set a color scheme under Style.
  5. 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.

Evidence cards and set contents

Show the products included in a set

On a product page, Evidence cards reads custom.set_contents when it is a product metafield of type List of products (list.product_reference). Add the included products to that field on each set product, in display order. The first eight products are displayed. This lets sets sharing one template show different contents.

The section works on any product template, not only the set template. If the field is empty or unavailable, select products in the section’s Product blocks. Those manual selections are shared by every product using that template. Automatic cards use the section’s fact labels and resolve facts from each included product; manual cards can also supply their own fact values.

These cards display the products in a set. Their individual purchase actions buy those products separately. The set itself is purchased through Product Stage. The metafield does not configure bundle pricing, component quantities, inventory, or fulfillment. Maintain those through the store’s actual set or bundle setup.

Custom facts for each product card

Use a custom product metafield when the standard category attributes do not cover a value you want to display.

  1. Create a product metafield definition in Shopify admin, with a supported plain-value type.
  2. Fill the field on every product that should display it.
  3. In this section, open a Fact 1, Fact 2, or Fact 3 value source and select Custom product metafield.
  4. Enter the definition’s full namespace and key, such as custom.routine_step, in the newly shown metafield identifier field. Enter this as plain text, without a dynamic-source connection.
  5. Save and preview products with different values. Existing manual fallbacks remain available.

See Custom product metafield setup for field creation steps, supported types, this section’s exact fallback behavior, and troubleshooting. If you enter only the key without its namespace, the theme editor displays a message explaining the required format.

Evidence cards design

100%

Use the zoom controls, then scroll to inspect the image. Press Escape to close.

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

EyebrowText
ID
eyebrow
Default
Inside the set
HeadingText
ID
heading
Default
What’s in the set
Heading sizeDropdown
ID
heading_size
Default
Large
  • Smallsmall
  • Mediummedium
  • Largelarge
SubheadingText
ID
subheading
Default
Meet the products inside, and what each one brings to your set.
Mobile header alignmentDropdown
ID
mobile_header_alignment
Default
Left
  • Leftleft
  • Centercenter
Link labelText

Appears 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

Product information sizeDropdown

Scales product titles, prices, ratings, and fact rows together on desktop and mobile.

ID
product_info_size
Default
Medium
  • Smallsmall
  • Mediummedium
  • Largelarge
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 pricesCheckbox
ID
show_prices
Default
Off
Show product ratingCheckbox

Shows a star rating for products that have reviews.

ID
show_rating
Default
On

Facts

Automatic fact 1 labelText

Applies to cards supplied through the custom.set_contents product-list metafield. Manual product blocks use their own labels.

ID
automatic_fact_label_1
Default
Purpose
Automatic fact 2 labelText
ID
automatic_fact_label_2
Default
Texture
Automatic fact 3 labelText
ID
automatic_fact_label_3
Default
Format
Fact 1 sourceDropdown

Fills this fact from each product automatically. The card's typed value appears when a product has no data for the attribute.

ID
fact_attribute_1
Default
Cosmetic function
  • Custom product metafieldcustom_metafield
  • 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 1 metafield namespace and keyText

Enter the full product metafield identifier as plain text, such as custom.when_to_use. Reads each relevant product, including cards with their own product. Supports text, numbers, true/false, and lists of text or numbers. Missing or unsupported values keep the existing manual fallback or empty state.

ID
fact_metafield_1
Shown when
fact_attribute_1 is 'custom_metafield'
Fact 2 sourceDropdown

Fills this fact from each product automatically. The card's typed value appears when a product has no data for the attribute.

ID
fact_attribute_2
Default
Texture
  • Custom product metafieldcustom_metafield
  • 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 metafield namespace and keyText

Enter the full product metafield identifier as plain text, such as custom.when_to_use. Reads each relevant product, including cards with their own product. Supports text, numbers, true/false, and lists of text or numbers. Missing or unsupported values keep the existing manual fallback or empty state.

ID
fact_metafield_2
Shown when
fact_attribute_2 is 'custom_metafield'
Fact 3 sourceDropdown

Fills this fact from each product automatically. The card's typed value appears when a product has no data for the attribute.

ID
fact_attribute_3
Default
Product form
  • Custom product metafieldcustom_metafield
  • 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 metafield namespace and keyText

Enter the full product metafield identifier as plain text, such as custom.when_to_use. Reads each relevant product, including cards with their own product. Supports text, numbers, true/false, and lists of text or numbers. Missing or unsupported values keep the existing manual fallback or empty state.

ID
fact_metafield_3
Shown when
fact_attribute_3 is 'custom_metafield'

Style

Color schemeColor scheme
ID
color_scheme
Default
scheme-6
Cards per row on desktopDropdown
ID
columns_desktop
Default
3 cards
  • 2 cards2
  • 3 cards3
  • 4 cards4
Cards 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 product max 8

ProductProduct
ID
product
BadgeText

Optional label shown on the image, such as Most loved.

ID
badge

Facts

Fact 1 labelText
ID
fact_label_1
Default
Purpose
Fact 1 valueText
ID
fact_value_1
Default
Daily cleansing
Fact 2 labelText
ID
fact_label_2
Default
Texture
Fact 2 valueText
ID
fact_value_2
Default
Soft gel
Fact 3 labelText
ID
fact_label_3
Default
Format
Fact 3 valueText
ID
fact_value_3
Default
Gel