The buybox is part of the default CMS element "Image gallery and buy box" of Shopware 6.

You can configure the buybox (2) via the corresponding CMS layout of your product page(s) and via the ThemeWare®.

Default components

1. Price

2. Free shipping note

3. Variant selection ("Text" layout)

4. Variant selection ("Colour" layout)

5. Quantity selection and buy button

1. ThemeWare® Short description

2. Discounted price (+list price)

3. ThemeWare® Free shipping note

4. ThemeWare® Individual announcement

Basic configuration

Show short description

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Basic configuration"

Technical name: twt-product-detail-short-description-show

Price table

Layout type

Field type: Select

Available values: • default • ThemeWare®

Example value: ThemeWare®

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Price table"

Technical name: twt-product-detail-prices-table-layout

Field type: Select

Available values: • spacious (default) • compact

Example value: compact

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Price table"

Technical name: twt-product-detail-prices-table-style

Field type: Select

Available values: • wide (default) • narrow

Example value: narrow

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Price table"

Technical name: twt-product-detail-prices-table-width

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Price table"

Technical name: twt-product-detail-prices-table-head-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Price table"

Technical name: twt-product-detail-prices-table-head-background-color

Field type: Select

Available values: • next to each other (default) • below each other

Example value: below each other

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Buy widget (Quantity selection and buy button)"

Technical name: twt-product-detail-buy-widget-arrangement

Field type: Select

Available values: • Text (default) • Text & Icon

Example value: Text (default)

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Buy button ("Add to shopping cart")"

Technical name: twt-product-detail-btn-buy-layout

Field type: Select

Available values: • left • right

Example value: left

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Buy button ("Add to shopping cart")"

Technical name: twt-product-detail-btn-buy-icon-position

Field type: Select

Available values: • link (default) • button • button (outline)

Example value: button

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Wishlist button ("Add to wishlist")"

Technical name: twt-product-detail-wishlist-button-layout-type

Field type: Select

Available values: • Light • Secondary

Example value: Secondary

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Wishlist button ("Add to wishlist")"

Technical name: twt-product-detail-wishlist-button-color-type

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Shipping link"

Technical name: twt-product-detail-shipping-link-show

Field type: Select

Available values: • above the product specifications • below the product specifications

Example value: below the product specifications

Path to the configuration: Tab "Product pages" => Block "Buy box" => Section "Guarantee (GARAN label)"

Technical name: twt-product-detail-garan-label-position