Product Cards Shopify Section

Display product cards in a customizable grid layout with hover effects and rich product information styling.

Fully responsive and customizable including the ability to update:

Product cards in a responsive grid with configurable columns per row
Column and row gap settings for desktop and mobile
Card image aspect ratio (original, horizontal, landscape, portrait, square, vertical)
Card border radius and zoom on hover effect
Overlay on hover with custom color and opacity
Product area background color, border, and border radius
Product image aspect ratio, width, and margin from text
Product title color and font customization
Optional product price display with 'From' label for variant pricing
Add to cart button with full styling options
Section header with title and text block
Section width (regular or full width) and max width
Background color and border radius
Section margins and paddings
Typography settings (fonts, weights, sizes, colors)
Most settings have separate options for desktop and mobile