Navigation

ThemeWare® Manual

Delivery information

The delivery information shows the availability of a product in the product box, above the price: a status dot plus the delivery time maintained on the product.

Four states are covered:

  • available (green)
  • pre-order (yellow)
  • ready for shipping in x days (yellow)
  • currently not available (red)

Note: Products without a delivery time show nothing.


Configuration

Theme configuration

  1. Go to the "Listing pages" tab
  2. Expand the "Product box" block
  3. Scroll to the section "Delivery information"
  4. Enable the configuration "Show delivery information"
  5. Choose the desired appearance under "Layout type"
  6. Save your changes after editing

Options

  • Show delivery information
    • "don't show"
    • "show"
  • Layout type
    • "inherit - like the product page": Uses the layout type of the product page (Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Basic configuration" => Layout type), so both surfaces stay in sync.
    • "Text": A plain line with the status dot – the familiar Shopware look, but in the ThemeWare® group.
    • "Label": The same line on a surface tinted in the status colour (green / yellow / red).
    • "Badge": A rounded badge without the dot – inherits the corner style and font size of the product badges.
    • "Chip": The dot sits in a tinted circle with the text next to it; hovering the product box grows the circle behind the text into a pill.
Label | Badge | Chip | Text

Label | Badge | Chip | Text


Summary

Theme configuration

  • Tab "Listing pages" => Block "Product box" => Section "Delivery information" => Show delivery information
  • Tab "Listing pages" => Block "Product box" => Section "Delivery information" => Layout type

Snippets

  • wishlist.deliveryTimeAvailable
  • wishlist.deliveryShipping
  • wishlist.deliveryTimeRestock
  • wishlist.currentlyNotAvailable

Last updated on

This page online: https://docs.themeware.design/additional-features/extensions/product-boxes/delivery-information · ThemeWare® Service Portal, service.themeware.design