All pages
Powered by GitBook
1 of 7

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Free shipping badge

The free shipping badge marks products with free shipping – in the product box on listing pages and on the product page (gallery or buybox).

Free shipping

The status "Free shipping" is fulfilled in Shopware if a product is configured as "Free shipping”. You can find more information in the Shopware documentation.


Configuration

Theme configuration

Listing pages

  1. Go to the "Listing pages" tab

  2. Expand the "Product badges (in the product box)" block

  3. Scroll to the section "Badge: Free shipping badge"

  4. Enable the configuration "Show free shipping badge"

  5. Save your changes after editing

  1. Go to the "Product pages" tab

  2. Expand the "Product badges (in the image gallery or buy box)" block

  3. Scroll to the section "Badge: Free shipping badge"


  • Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Free shipping badge" => Show free shipping badge

  • Tab "Product pages" => Block "Product badges (in the image gallery or buy box)" => Section "Badge: Free shipping badge" => Show free shipping badge

  • general.deliveryShippingFree

    • Note: Shopware standard snippet (not a ThemeWare® snippet).

  • twt.extension.shippingFreeBadge.icon

Set the configuration "Show free shipping badge" to "show in the image gallery" or "show in the buy box"
  • Save your changes after editing

  • Note: May be replaced by a theme configuration.

  • Product pages

    Note: The badge is displayed if the product is configured as "Free shipping" – provided the free shipping badge is enabled for the product box (listing pages) or the product page (gallery or buybox).

    Summary

    Theme configuration

    Snippets

    Product badges

    With product badges you highlight products in the product box (listing pages) and on the product page (gallery or buybox) – e.g. as sold, new, discount, topseller, free shipping or with the stock.

    ThemeWare® "Product badges" (Categories)
    ThemeWare® "Product badges" (Product pages / Gallery)
    ThemeWare® "Product badges" (Product pages / Buybox)

    Note: The product badges are independent of one another – depending on the product data and configuration, several badges can appear at the same time. For each badge you decide separately whether it is shown in the product box on listing pages and/or on the product page (in the gallery or in the buybox), provided the badge is enabled and the product meets the corresponding condition.


    Configuration

    You can find the configuration in the tabs "Content", "Listing pages" and "Product pages":

    Tab "Content" => Block "Product badges"

    Tab "Listing pages" => Block "Product badges (in the product box)"

    Tab "Product pages" => Block "Product badges (in the image gallery or buy box)"

    Available badges


    • Tab "Content" => Block "Product badges"

    • Tab "Listing pages" => Block "Product badges (in the product box)"

    • Tab "Product pages" => Block "Product badges (in the image gallery or buy box)"

  • Summary

    Theme configuration

    Discount badge
    Free shipping badge
    New badge
    Sold badge
    Stock badge
    Topseller badge

    Stock badge

    The stock badge shows the stock of a product – in the product box on listing pages and on the product page (gallery or buybox).


    Configuration

    Theme configuration

    Listing pages

    1. Go to the "Listing pages" tab

    2. Expand the "Product badges (in the product box)" block

    3. Scroll to the section "Badge: Stock badge"

    4. Enable the configuration "Show stock badge"

    5. Save your changes after editing

    1. Go to the "Product pages" tab

    2. Expand the "Product badges (in the image gallery or buy box)" block

    3. Scroll to the section "Badge: Stock badge"


    You control the display mode and the thresholds in the "Content" tab:

    Tab "Content" => Block "Product badges" => Section "Badge: Stock badge"

    • Mode

      • "Show stock above/below the threshold": The badge only appears for low stock (below "Threshold (low stock)") or high stock (above "Threshold (high stock)").

      • "Always show stock": The current stock is shown regardless of the thresholds.


    • Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Stock badge" => Show stock badge

    • Tab "Product pages" => Block "Product badges (in the image gallery or buy box)" => Section "Badge: Stock badge" => Show stock badge

    • Tab "Content" => Block "Product badges" => Section "Badge: Stock badge" => Mode

    • twt.extension.stockBadge.highStock.label

      • %stock% is replaced by the "Threshold (high stock)".

    Set the configuration "Show stock badge" to "show in the image gallery" or "show in the buy box"
  • Save your changes after editing

  • Threshold (low stock) / Threshold (high stock): Limits for the "above/below the threshold" mode.
    Tab "Content" => Block "Product badges" => Section "Badge: Stock badge" => Threshold (low stock) / Threshold (high stock)
    twt.extension.stockBadge.lowStock.label
    • %stock% is replaced by the available stock.

  • twt.extension.stockBadge.stock.label

    • %stock% is replaced by the available stock.

  • twt.extension.stockBadge.highStock.icon

    • Note: May be replaced by a theme configuration.

  • twt.extension.stockBadge.lowStock.icon

    • Note: May be replaced by a theme configuration.

  • Product pages

    Note: The badge is displayed if the stock badge is enabled – permanently or only above/below the thresholds, depending on the selected mode (see Options).

    Options

    Summary

    Theme configuration

    Snippets

    Topseller badge

    The topseller badge marks highlighted products – in the product box on listing pages and on the product page (gallery or buybox).

    Topseller

    The "Topseller" status is determined by the Shopware core. ThemeWare® has no control over this.


    Configuration

    Theme configuration

    Listing pages

    1. Go to the "Listing pages" tab

    2. Expand the "Product badges (in the product box)" block

    3. Scroll to the section "Badge: Topseller badge"

    4. Enable the configuration "Show topseller badge"

    5. Save your changes after editing

    1. Go to the "Product pages" tab

    2. Expand the "Product badges (in the image gallery or buy box)" block

    3. Scroll to the section "Badge: Topseller badge"


    • Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Topseller badge" => Show topseller badge

    • Tab "Product pages" => Block "Product badges (in the image gallery or buy box)" => Section "Badge: Topseller badge" => Show topseller badge

    • listing.boxLabelTopseller

      • Note: Shopware standard snippet (not a ThemeWare® snippet).

    • twt.extension.topsellerBadge.icon

    Set the configuration "Show topseller badge" to "show in the image gallery" or "show in the buy box"
  • Save your changes after editing

  • Note: May be replaced by a theme configuration.

  • Product pages

    Note: The badge is displayed if "Highlight product" is enabled for the product – provided the topseller badge is enabled. The ThemeWare® badge only appears if the ThemeWare® mode is selected in the "Topseller badge (Product badges)" setting; otherwise Shopware's default badge is used.

    Summary

    Theme configuration

    Snippets

    Discount badge

    The discount badge points out reduced products – in the product box on listing pages and on the product page (gallery or buybox).

    Discount

    The "Discount" of a product is calculated from the difference between the "List price" and the "Price". For more information, see the Shopware documentation.


    Configuration

    Theme configuration

    Listing pages

    1. Go to the "Listing pages" tab

    2. Expand the "Product badges (in the product box)" block

    3. Scroll to the section "Badge: Discount badge"

    4. Enable the configuration "Show discount badge"

    5. Save your changes after editing

    1. Go to the "Product pages" tab

    2. Expand the "Product badges (in the image gallery or buy box)" block

    3. Scroll to the section "Badge: Discount badge"


    You control how the discount is displayed in the "Content" tab:

    Tab "Content" => Block "Product badges" => Section "Badge: Discount badge"

    • Content: Defines how the discount is shown – e.g. "% (default)", "-25 %", "25 % saved", "-35 €" or "35 € saved".

    • Round number: Defines the rounding of the value – "0.12 (default)", "0.1" or "0".


    • Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Discount badge" => Show discount badge

    • Tab "Product pages" => Block "Product badges (in the image gallery or buy box)" => Section "Badge: Discount badge" => Show discount badge

    • Tab "Content" => Block "Product badges" => Section "Badge: Discount badge" => Content

    • twt.extension.discountBadge.discount

      • %discount% is replaced by the discount.

    • twt.extension.discountBadge.discountShort

    Set the configuration "Show discount badge" to "show in the image gallery" or "show in the buy box"
  • Save your changes after editing

  • Tab "Content" => Block "Product badges" => Section "Badge: Discount badge" => Round number
    • %discount% is replaced by the discount.

    • %currency% is replaced by the current currency symbol.

  • twt.extension.discountBadge.percentage

    • %discount% is replaced by the percentage discount.

  • twt.extension.discountBadge.percentageShort

    • %discount% is replaced by the percentage discount.

    • %currency% is replaced by the current currency symbol.

  • Product pages

    Note: The badge is displayed if the product has a "List price" that results in a discount (not for price ranges or "from" prices) – provided the discount badge is enabled. The ThemeWare® badge only appears if the ThemeWare® mode is selected in the "Discount badge (Product badges)" setting; otherwise Shopware's default badge is used.

    Options

    Summary

    Theme configuration

    Snippets

    New badge

    The new badge highlights new products – in the product box on listing pages and on the product page (gallery or buybox).

    New

    The "New" status is determined by the Shopware core. ThemeWare® has no control over this.


    Configuration

    Theme configuration

    Listing pages

    1. Go to the "Listing pages" tab

    2. Expand the "Product badges (in the product box)" block

    3. Scroll to the section "Badge: New badge"

    4. Enable the configuration "Show new badge"

    5. Save your changes after editing

    1. Go to the "Product pages" tab

    2. Expand the "Product badges (in the image gallery or buy box)" block

    3. Scroll to the section "Badge: New badge"


    • Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: New badge" => Show new badge

    • Tab "Product pages" => Block "Product badges (in the image gallery or buy box)" => Section "Badge: New badge" => Show new badge

    • listing.boxLabelNew

      • Note: Shopware standard snippet (not a ThemeWare® snippet).

    • twt.extension.newBadge.icon

    Set the configuration "Show new badge" to "show in the image gallery" or "show in the buy box"
  • Save your changes after editing

  • Note: May be replaced by a theme configuration.

  • Product pages

    Note: The badge is displayed if Shopware marks the product as "New" – provided the new badge is enabled. The ThemeWare® badge only appears if the ThemeWare® mode is selected in the "New badge (Product badges)" setting; otherwise Shopware's default badge is used.

    Summary

    Theme configuration

    Snippets

    Sold badge

    The sold badge marks sold-out products – in the product box on listing pages and on the product page (gallery or buybox).

    Sold out

    The status "Sold out" is fulfilled in Shopware if a product is in on "Clearance sale" and the "Available stock" is less than the "Min. order quantity". You can find more information in the Shopware documentation.


    Configuration

    Theme configuration

    Listing pages

    1. Go to the "Listing pages" tab

    2. Expand the "Product badges (in the product box)" block

    3. Scroll to the section "Badge: Sold badge"

    4. Enable the configuration "Show sold badge"

    5. Save your changes after editing

    1. Go to the "Product pages" tab

    2. Expand the "Product badges (in the image gallery or buy box)" block

    3. Scroll to the section "Badge: Sold badge"


    • Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Sold badge" => Show sold badge

    • Tab "Product pages" => Block "Product badges (in the image gallery or buy box)" => Section "Badge: Sold badge" => Show sold badge

    • twt.extension.stockBadge.noStock

    • twt.extension.soldBadge.icon

      • Note

    Set the configuration "Show sold badge" to "show in the image gallery" or "show in the buy box"
  • Save your changes after editing

  • : May be replaced by a theme configuration.

    Product pages

    Note: The badge is displayed if the product is on "Clearance sale" and the stock is below the "Min. order quantity" – provided the sold badge is enabled for the product box (listing pages) or the product page (gallery or buybox).

    Summary

    Theme configuration

    Snippets