SearchF
April 11, 2026/Intermediate/Commerce/Novatrex

Product Card

Full-bleed product card with background image, overlay logo/price, and a CTA button. Switches from overlay mode (tablet/mobile) to a right-panel info layout (wide desktop). Ready to wire to Shopify Storefront API.

Live Demo ↗

Preview

Los Angeles

TOP-SELLER, LIGHTWEIGHT, STIFF, HIGH CLASS AND COMFORT

$3,040.00 / Coming soon
+ INFO

Los Angeles

TOP-SELLER, LIGHTWEIGHT, STIFF, HIGH CLASS AND COMFORT

$3,040.00 / Coming soon
+ INFO

Detroit

PURE PERFORMANCE TRACK GEOMETRY. STIFF, PRECISE AND FAST

$3,140.00 / Coming soon
+ INFO

Source

import ProductCardList from "./index.jsx";
import { productCard } from "../demo-data.js";

export default function ProductCardDemo() {
  return <ProductCardList {...productCard} />;
}

Related Components

2MO AGO
Collection Slidercommerce
3MO AGO
Product Feature Gridcommerce
3MO AGO
Product Card Gridcommerce