• Product Card (Grid)
25% width on desktop, "Add to cart" button, opens modal with carousel.
• Product Row (Horizontal Full Width)
Full width, title + price + description visible, "Add to cart".
• Product Card (Grid) — Duplicate Style
Same as grid card style, good for multi-item layout.
• Product Row (Horizontal) — Buy Now (Checkout)
Full width, button goes directly to checkout.
• Button Only — Add to Cart
No image/title/price, only button (use as CTA).
• Button Only — Buy Now (Checkout)
No image/title/price, only button, goes to checkout.
• View Product (Opens Modal)
Button opens modal product view, options hidden.
• Collection Grid — Add to Cart
Collection grid 4-up style on desktop, standard add to cart.
• Collection Grid — Buy Now (Checkout)
Collection items with "Buy now" direct checkout.
• Collection Grid — View Product (Modal)
Collection items open product modal, options hidden.