Product Detail

    Overview

    When to use

    To be defined

    When to consider an alternative

    To be defined

    Image Sizes

    Parent Elementbrp-0brp-1brp-2brp-3brp-4brp-5
    Product Image (Max. Height)250px250px400px450px545px575px
    Award Image (Max. Width)80px80px80px100px100px100px

    Component

    Default

    1024px
    375px768px1400px

    Properties

    ProductDetail

    PropertyTypeRequiredDefault
    typeEnum
    'pattern' │ 'premium-class' │ 'xtreme' │ 'exterior' │ 'interior' │ 'winter' │ 'wheel-rimm' │ 'carwash' │ 'molecular' │ 'molecular-plus' │ 'professional' │ 'bike' │ 'profiline'
    false-
    utilClassNamesStringfalse-
    childrenNodefalse-

    ProductDetail.Description

    PropertyTypeRequiredDefault
    badgeNodefalse-
    awardNodefalse-
    titleStringfalse-
    buyLinkStringfalse-
    buyLabelStringfalse-
    buyTargetStringfalse-
    skuStringfalse-
    excerptStringfalse-
    dropdownLabelStringtrue-
    dropdownItemsArrayof
    Array<{ "label": "String", "href": "String", "onClick": "Function" }>
    false-
    variantsTitleStringfalse-
    variantsImageArrayof
    Array<{ "imageUrl": "String", "title": "String" }>
    false-

    ProductDetail.Image

    PropertyTypeRequiredDefault
    utilClassNamesStringfalse-
    awardsNodefalse-
    badgeNodefalse-
    imageNodefalse-
    thumbnailsNodefalse-
    dataModalTargetFuncfalse-