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
The short description can be added via a custom field in the corresponding product.
Price label
Show price label
Field type:
Select
Available values:
• don't show
• Snippet
• Custom field
• Custom field or snippet
Example value:Snippet
Path to the configuration:
Tab "Product pages" => Block "Buy box" => Section "Price label"
Technical name:twt-product-detail-price-label-text
Shows a short text above the price, e.g. "Our online price" – depending on the selection from the snippet, the custom field in the corresponding product or both. Not shown with tiered prices.
To edit or translate the snippet please use the following snippet: twt.detail.priceLabel
Price label with list price
Field type:
Select
Available values:
• don't show
• inherited (like price label)
• individual snippet
Example value:inherited (like price label)
Path to the configuration:
Tab "Product pages" => Block "Buy box" => Section "Price label"
Technical name:twt-product-detail-price-label-list-price
Label for products with a list price (offers). "inherited" follows "Show price label", "individual snippet" shows its own text, e.g. "Winter sale", and also replaces the custom field.
To edit or translate the snippet please use the following snippet: twt.detail.priceLabelListPrice
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
Style
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
Width
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
Text colour (Table head)
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
This is used in the "ThemeWare®" layout type.
Background colour (Table head)
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
This is used in the "ThemeWare®" layout type.
Buy widget (Quantity selection and buy button)
Arrangement
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
Note: Determines how the quantity selection and the buy button are arranged.
In the arrangement "below each other" both take the full width. Express checkout buttons that other extensions add underneath (e.g. PayPal or Amazon Pay) then line up flush with them.
Buy button ("Add to shopping cart")
Layout type
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
To edit or translate the text please use the following snippet: detail.addProduct
Icon position
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
Wishlist button ("Add to wishlist")
Layout type
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
Note: Determines how the wishlist button below the buy button is displayed.
In the "link" layout type it stays as delivered by Shopware.
To edit or translate the text please use the following snippet: listing.addToWishlist
Button colour
Field type:
Select
Available values:
• Light
• Secondary
• Dark
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
Note: Determines which colour the wishlist button uses.
You configure the colours in Tab "Layout" => Block "Buttons" => Section "Colour configuration".
Note: For "button (outline)" choose a colour with sufficient contrast to the background, otherwise the button is barely visible.
Note: In the layout type "link" this configuration has no effect.
Shipping link
Show shipping link
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
Note: Shows a shipping link below the buy button which opens the shipping and payment information page configured in your shop as an overlay.
You edit the text via the snippet twt.detail.shippingLink.
For products flagged as free of shipping costs the link is hidden automatically. If no shipping and payment information page is configured, the text is shown without a link.
Important: If you state a threshold in the snippet ("Free shipping from 50 €"), it has to apply to all delivery countries of your shop. Shopware manages shipping costs per shipping method, currency and rule — a snippet cannot tell those apart.
Guarantee (GARAN label)
Position
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
Note: Shopware shows the GARAN label in the buy box as soon as the guarantee data is maintained on the product (from Shopware 6.7.14).