Related Products

File: sections/product-related-products.liquid

Templates: product.download.json, product.json

Description

Related Products

Dynamically displays related products for a given product page. Uses the custom.suggested_journey metafield if available, otherwise falls back to products from the current collection.

Features:

• Metafield-driven related products via custom.suggested_journey
• Fallback to current collection products
• Configurable heading and fallback “See All” link
• Displays up to 4 products in a responsive grid
• Optional subtitle from product metafield

Settings:

• fallback_heading (text) — Default heading when metafield is blank, default “Related Products”
• see_all_text (text) — “See All” link text, default “See All”
• see_all_url (url) — “See All” link URL
• empty_text (text) — Message when no products found, default “No matches found.”

Blocks: None

Snippets Used:

• product-list-item — Renders individual product cards

Dependencies:

• Tailwind CSS (application.css) for layout and styling
• Product metafields: custom.suggested_journey, custom.related_title, custom.related_subtitle

Tailwind Status: Full

Settings

ID	Type	Label	Default	Info
fallback_heading	text	Fallback heading	Related Products
see_all_text	text	See all link text	See All
see_all_url	url	See all link URL
empty_text	text	Empty state text	No matches found.

Usage

This section is referenced in JSON templates and cannot be added via the theme editor.

{% section 'product-related-products' %}