Product Box

    Overview

    When to use

    The product box element could be used if a product should be displayed in a listing context to give a clear overview over multiple product items only displaying the most essential product information.

    When to consider an alternative

    If a product series should be displayed, if the purpose is more marketing related or emotional than structural and if the teased item is not a product.

    Image sizes

    brp-0brp-1brp-2brp-3brp-4
    Max. Height180px195px244px180px180px

    Component

    Default

    1024px
    375px768px1400px

    Variants

    1024px
    375px768px1400px

    Properties

    ProductBox

    PropertyTypeRequiredDefault
    childrenNodefalse-
    hrefStringtrue-
    seriesEnum
    'premium' │ 'xtreme' │ 'exterior' │ 'interior' │ 'winter' │ 'wheel' │ 'carwash' │ 'molecular' │ 'professional' │ 'bike' │ 'profiline'
    false-
    titleStringtrue-
    variantsStringfalse-
    awardedBoolfalse-
    newBoolfalse-
    loadingBoolfalse-

    ProductBox.Image

    PropertyTypeRequiredDefault
    childrenNodefalse-