All pages
Powered by GitBook
1 of 1

Loading...

Checkout steps

With ThemeWare®, you can use the sales-promoting "Checkout steps" of our Shopware 5 themes in your Shopware 6 shop as well.

Note: The checkout steps are shown in the checkout if the "Show checkout steps" configuration is enabled. You can additionally display them in the shopping cart via "Show checkout steps in shopping cart".


Configuration

Theme configuration

  1. Go to the tab "Extensions"

  2. Expand the block "Checkout steps"

  3. Enable the configuration "Show checkout steps" (display in the checkout)

  4. Optional: Enable "Show checkout steps in shopping cart" to additionally display them in the shopping cart

  5. Save your changes after editing

  • Edit the checkout step texts using the following snippets:

    • twt.extension.checkoutSteps.step1

    • twt.extension.checkoutSteps.step2


  • Layout type

    • "Continuous lines", "Lines between steps", "Continuous bars between steps" or "Bars between steps".

  • Icon style (Steps)

    • "Steps with numbers", "Steps with icons" or "Small steps".


  • Tab "Extensions" => Block "Checkout steps" => Show checkout steps / Show checkout steps in shopping cart

  • Tab "Extensions" => Block "Checkout steps" => Section "Basic configuration" => Layout type / Icon style (Steps) / Show text from...

  • Text

    • twt.extension.checkoutSteps.step1

    • twt.extension.checkoutSteps.step2

twt.extension.checkoutSteps.step3
  • Show text from...

    • Defines from which breakpoint the text below the steps appears (or "don't show").

  • twt.extension.checkoutSteps.step3

    Content

    Note: For information on how to edit snippets, see the following instructions:

    Tip: If a change does not affect the storefront, just clear the Shopware cache:

    Options

    Summary

    Theme configuration

    Snippets

    Texts: Editing and translation
    Clearing / warming up the Shopware cache