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
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
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
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
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
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
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
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
Field type: Color picker
Example value:
#000000
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-color
Field type: Color picker
Example value:
#000000
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-color-active
Field type: Color picker
Example value:
#000000
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-color-completed
Field type: Color picker
Example value:
#dddddd
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-icon-color
Field type: Color picker
Example value:
#000000
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-icon-color-active
Field type: Color picker
Example value:
$sw-color-success
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-icon-color-completed
Field type: Color picker
Example value:
#dddddd
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-border-color
Field type: Color picker
Example value:
#000000
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-border-color-active
Field type: Color picker
Example value:
$sw-color-success
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-border-color-completed
Field type: Color picker
Example value:
#ffffff
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-background-color
Field type: Color picker
Example value:
#ffffff
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-background-color-active
Field type: Color picker
Example value:
#ffffff
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-background-color-completed
Field type: Color picker
Example value:
#dddddd
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-seperator-color
Field type: Color picker
Example value:
#000000
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-seperator-color-active
Field type: Color picker
Example value:
$sw-color-success
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Colour configuration"
Technical name:
twt-checkout-steps-item-seperator-color-completed
Field type: Number field
Example value:
14
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Typography"
Technical name:
twt-checkout-steps-item-font-size
Field type: Select
Available values: • none • uppercase • lowercase • capitalize
Example value:
none
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Typography"
Technical name:
twt-checkout-steps-item-text-transform
Field type: Select
Available values: • light • normal • bold
Example value:
normal
Path to the configuration: Tab "Extensions" => Block "Checkout steps" => Section "Typography"
Technical name:
twt-checkout-steps-item-font-weight