Shopping Carousels

Description: Displays a scrollable collection of shopping items in a carousel format.

API Response Structure:

{
  "carousel": {
    "title": "Shopping Results",
    "items": [
      {
        "product": {
          "name": "Product Name",
          "price": {
            "current": "$99.99",
            "original": "$129.99",
            "discount": "23%"
          },
          "image": "https://example.com/product.jpg",
          "rating": {
            "score": 4.5,
            "count": 1234
          }
        },
        "merchant": {
          "name": "Store Name",
          "logo": "https://example.com/store-logo.png",
          "verified": true
        },
        "shipping": {
          "free": true,
          "delivery": "2-day shipping"
        }
      }
    ],
    "navigation": {
      "hasNext": true,
      "hasPrevious": false,
      "totalPages": 5
    }
  },
  "filters": {
    "price": ["Under $50", "$50-$100", "Over $100"],
    "brand": ["Brand A", "Brand B"],
    "shipping": ["Free shipping", "Next day"]
  },
  "type": "shoppingCarousels"
}

Fields:

  • carousel (object): Carousel container

    • title (string): Section title

    • items (array): Product listings

    • navigation (object): Carousel controls

  • filters (object): Filter options

  • type (string): Always "shoppingCarousels"