Configuration


Show breadcrumb (Home page)

Field type: Select

Available values: • don't show • show (default)

Example value: don't show

Path to the configuration: Tab "Content" => Block "Breadcrumb"

Technical name: twt-breadcrumb-show-home


Show breadcrumb (CMS shop pages)

Field type: Select

Available values: • don't show • show (default)

Example value: show (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb"

Technical name: twt-breadcrumb-show-cms-shop-pages


Show breadcrumb (CMS landing pages)

Field type: Select

Available values: • don't show • show (default)

Example value: show (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb"

Technical name: twt-breadcrumb-show-cms-landing-pages


Show breadcrumb (CMS listing pages)

Field type: Select

Available values: • don't show • show (default)

Example value: show (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb"

Technical name: twt-breadcrumb-show-cms-category-pages


Show breadcrumb (CMS product pages)

Field type: Select

Available values: • don't show • show (default)

Example value: show (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb"

Technical name: twt-breadcrumb-show-cms-product-pages


Show breadcrumb (Poduct pages)

Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Content" => Block "Breadcrumb"

Technical name: twt-breadcrumb-show-product-detail

Basic configuration


Layout type

Field type: Select

Available values: • Links (default) • Links with background colour • Buttons

Example value: Links (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Basic configuration"

Technical name: twt-breadcrumb-style


Layout type (Separator)

Field type: Select

Available values: • Chevron (default) • Double chevron • Arrow • Slash • Dot • Pipe • Dash

Example value: Chevron (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Basic configuration"

Technical name: twt-breadcrumb-separator-style


Further information

Field type: Select

Available values: • don't show (default) • Show home icon • Show home link • Show text ("You are here:") • Show text and home icon • Show text and home link

Example value: don't show (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Basic configuration"

Technical name: twt-breadcrumb-further-information

Colour configuration


Text colour (Further information)

Field type: Color picker

Example value: #999999

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Colour configuration"

Technical name: twt-breadcrumb-text-color


Field type: Color picker

Example value: #999999

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Colour configuration"

Technical name: twt-breadcrumb-link-color


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Colour configuration"

Technical name: twt-breadcrumb-link-active-color


Icon colour (Separator)

Field type: Color picker

Example value: #999999

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Colour configuration"

Technical name: twt-breadcrumb-divider-color


Container styling

Field type: Select

Available values: • no container styling (default) • ThemeWare® CMS styling • Custom container styling

Example value: no container styling (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Breadcrumb container"

Technical name: twt-breadcrumb-container-styling


Corner type

Field type: Select

Available values: • not rounded • rounded corners (default) • round corners

Example value: rounded corners (default)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Breadcrumb container"

Technical name: twt-breadcrumb-container-corner-type


Width

Field type: Select

Available values: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)

Example value: Container-Max-Width (Full-width-boxed)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Breadcrumb container"

Technical name: twt-breadcrumb-width


Margin top

Field type: Number field

Example value: 10

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Breadcrumb container"

Technical name: twt-breadcrumb-margin-top


Margin bottom

Field type: Number field

Example value: 10

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Breadcrumb container"

Technical name: twt-breadcrumb-margin-bottom


Padding top/bottom

Field type: Number field

Example value: 1

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Breadcrumb container"

Technical name: twt-breadcrumb-padding-top-bottom


Padding left/right

Field type: Number field

Example value: 1

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Breadcrumb container"

Technical name: twt-breadcrumb-padding-left-right


Content alignment

Field type: Select

Available values: • align left • align center • align right

Example value: align left

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Breadcrumb container"

Technical name: twt-breadcrumb-justify-content

Custom container styling


Border colour

Field type: Color picker

Example value: rgba(0, 0, 0, 0)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Custom container styling"

Technical name: twt-breadcrumb-border-color


Border-top colour

Field type: Color picker

Example value: rgba(0, 0, 0, 0)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Custom container styling"

Technical name: twt-breadcrumb-border-top-color


Border-bottom colour

Field type: Color picker

Example value: rgba(0, 0, 0, 0)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Custom container styling"

Technical name: twt-breadcrumb-border-bottom-color


Background colour

Field type: Color picker

Example value: rgba(0, 0, 0, 0)

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Custom container styling"

Technical name: twt-breadcrumb-background-color


Corner type

Field type: Select

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

Example value: rounded corners

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Layout type "Links with background colour""

Technical name: twt-breadcrumb-list-corner-type


Border colour

Field type: Color picker

Example value: #bcc1c7

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Layout type "Links with background colour""

Technical name: twt-breadcrumb-border-color-list


Background colour

Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Layout type "Links with background colour""

Technical name: twt-breadcrumb-background-color-list

Layout type "Buttons"


Corner type

Field type: Select

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

Example value: rounded corners

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Layout type "Buttons""

Technical name: twt-breadcrumb-buttons-corner-type


Border colour

Field type: Color picker

Example value: #bcc1c7

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Layout type "Buttons""

Technical name: twt-breadcrumb-buttons-border-color


Background colour

Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Layout type "Buttons""

Technical name: twt-breadcrumb-buttons-background-color


Border colour @active

Field type: Color picker

Example value: #bcc1c7

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Layout type "Buttons""

Technical name: twt-breadcrumb-buttons-border-color-active


Background colour @active

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Content" => Block "Breadcrumb" => Section "Layout type "Buttons""

Technical name: twt-breadcrumb-buttons-background-color-active

Last updated

Was this helpful?