Product Compatibility
The Product Compatibility block renders a horizontal scrollable row of small product cards representing machines or accessories that work with the current product. Card images are pulled from the nama.product_card_images metaobject (first image as default, second as hover), falling back to the product’s featured image. Titles prefer the nama.product_alternate_title metafield, then the standard product title.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Heading | The label above the product row. Defaults to “Works with”. |
| Products | A product list picker (up to 6). Connect via dynamic source from the nama.compatible_products metafield or pick manually. |
Used in
Section titled “Used in”- When the product list resolves empty due to market filtering (products exist in the metafield but are hidden in the current market), the block falls back to
product_compatibility_tags on the product and renders static cards without links. - Card thumbnails are 88px wide with a 88:105 aspect ratio, matching the quick-add modal’s “Works With” row.
- The block reads
nama.product_card_imagesandnama.product_alternate_titlemetafields on each compatible product for consistent imagery and naming across the storefront.