All pages
Powered by GitBook
1 of 1

Loading...

Configuration

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 table


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

Layout type

Style

Width

Text colour (Table head)

This is used in the "ThemeWare®" layout type.

Background colour (Table head)

This is used in the "ThemeWare®" layout type.

Buy widget (Quantity selection and buy button)

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

To edit or translate the text please use the following snippet: detail.addProduct

Icon position

Wishlist button ("Add to wishlist")

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

Note: Determines which colour the wishlist button uses.

You configure both colours in the tab "Layout" => area "Buttons" => section "Colour configuration".

In the layout type "link" this configuration has no effect.

Shipping link

Show shipping link

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.