Configuration

Show checkout steps

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Extensions" => Block "Checkout steps"

Technical name: twt-checkout-steps-show

Shows the "Checkout steps" from ThemeWare® in the checkout.

Show checkout steps in shopping cart

Field type: Select

Available values: • no • yes

Example value: no

Path to the configuration: Tab "Extensions" => Block "Checkout steps"

Technical name: twt-checkout-steps-cart-show

Shows the "Checkout steps" from ThemeWare® in shopping cart.

Basic configuration

Layout type

Field type: Select

Available values: • Continuous lines • Lines between steps • Continuous bars between steps • Bars between steps

Example value: Continuous lines

Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Basic configuration"

Technical name: twt-checkout-steps-style

Icon style (Steps)

Field type: Select

Available values: • Steps with numbers • Steps with icons • Small steps

Example value: Steps with numbers

Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Basic configuration"

Technical name: twt-checkout-steps-icon-style

Select the icon style of the steps.

Show text from...

Field type: Select

Available values: • don't show • Phone (portrait) (<576px) • Phone (landscape) (≥576px) • Tablet (portrait) (≥768px) • Tablet (landscape) (≥992px) • Desktop (≥1200px) • Container-Max-Width (Full-width-boxed)

Example value: Tablet (portrait) (≥768px)

Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Basic configuration"

Technical name: twt-checkout-steps-item-text-show

Select from which breakpoint the text should be displayed below the steps.

Drop shadow (Steps)

Field type: Select

Available values: • no shadow • Small shadow (Bootstrap) • Regular shadow (Bootstrap) • Larger shadow (Bootstrap)

Example value: no shadow

Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Basic configuration"

Technical name: twt-checkout-steps-item-box-shadow-type

Select one (or none) drop shadow effect for the steps.

Corner type (Steps)

Field type: Select

Available values: • not rounded • rounded corners • round corners • individual radius

Example value: round corners

Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Basic configuration"

Technical name: twt-checkout-steps-item-corner-type

Select the corner type of the steps. rounded corners Uses the configuration "Border radius". ("Layout" > "Layout" > "Border radius")

round corners Uses a predefined radius for round corners.

Border radius (individual radius)

Field type: Number field

Example value: 10

Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Basic configuration"

Technical name: twt-checkout-steps-item-border-radius

Note: This configuration relates to the corner type "individual radius".