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.
Last updated