Configuration

Basic configuration

---

Load ThemeWare® CMS styling (CMS landing pages)

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "Basic configuration"

Technical name: twt-cms-layout-adjustments-landing-pages

If active, a predefined and configurable (container) styling for Shopping Experience blocks is loaded on pages of the type "Landing page".

This only applies to Shopping Experience sections in "Boxed content" sizing mode.

---

Load ThemeWare® CMS styling (CMS listing pages)

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "Basic configuration"

Technical name: twt-cms-layout-adjustments-category-pages

If active, a predefined and configurable (container) styling for Shopping Experience blocks is loaded on pages of the type "Category page".

This only applies to Shopping Experience sections in "Boxed content" sizing mode.

---

Load ThemeWare® CMS styling (CMS product pages)

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "Basic configuration"

Technical name: twt-cms-layout-adjustments-product-pages

If active, a predefined and configurable (container) styling for Shopping Experience blocks is loaded on pages of the type "Product page".

This only applies to Shopping Experience sections in "Boxed content" sizing mode.

---

Load ThemeWare® CMS styling (CMS shop pages)

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "Basic configuration"

Technical name: twt-cms-layout-adjustments-shop-pages

If active, a predefined and configurable (container) styling for Shopping Experience blocks is loaded on pages of the type "Shop page".

This only applies to Shopping Experience sections in "Boxed content" sizing mode.

ThemeWare® CMS styling

---

Combine sidebar sections (CMS pages)

Field type: Select

Available values: • no • yes

Example value: yes

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "ThemeWare® CMS styling"

Technical name: twt-cms-section-boxed-sidebar-combined

Applies the ThemeWare® CMS styling to the entire sidebar container and not to the individual CMS blocks inside this container.

---

Margin top (CMS content) (Home page)

Field type: Number field

Example value: 1

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "ThemeWare® CMS styling"

Technical name: twt-cms-section-boxed-margin-top-home

Margin top of the CMS content in Shopping Exprericences on the home page.

---

Margin top (CMS content)

Field type: Number field

Example value: 20

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "ThemeWare® CMS styling"

Technical name: twt-cms-section-boxed-margin-top

Margin top of the CMS content in Shopping Exprericences.

---

Margin bottom (CMS section)

Field type: Number field

Example value: 1

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "ThemeWare® CMS styling"

Technical name: twt-cms-section-margin-bottom

---

Padding top/bottom (CMS section)

Field type: Number field

Example value: 20

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "ThemeWare® CMS styling"

Technical name: twt-cms-section-padding-top-bottom

---

Background colour (CMS section)

Field type: Color picker

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

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "ThemeWare® CMS styling"

Technical name: twt-cms-section-background-color

Background colour for CMS sections.

---

Border colour (CMS block)

Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "ThemeWare® CMS styling"

Technical name: twt-cms-section-boxed-border-color

Border colour for CMS blocks in "Boxed content" size mode.

---

Background colour (CMS block)

Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "ThemeWare® CMS styling"

Technical name: twt-cms-section-boxed-background-color

Background colour for CMS blocks in "Boxed content" size mode.

CSS scroll animations

---

CSS scroll animation (CMS blocks)

Field type: Select

Available values: • none • fade in • fade in down • fade in left • fade in right • fade in up • zoom in

Example value: none

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "CSS scroll animations"

Technical name: twt-cms-animations-name

Select a CSS animation for CMS blocks of your Shopping Experiences. Assign the class 'twt-cms-animation' to the corresponding blocks.

---

CSS scroll animation (Headlines in CMS blocks)

Field type: Select

Available values: • none • bounce in • bounce in down • bounce in left • bounce in right • bounce in up • fade in • fade in down • fade in left • fade in right • fade in up

Example value: none

Path to the configuration: Tab "Shopping Experiences" => Block "All types (Shop pages, Landing pages, Listing pages, Product pages)" => Section "CSS scroll animations"

Technical name: twt-cms-animations-name-headlines

Select a CSS animation for headlines in CMS blocks of your Shopping Experiences. Assign the class 'twt-cms-animation' to the corresponding blocks.