ThemeWare® 2.2.0 is now available! 🎉 The new release includes the following changes:
Highlights
- CMS block/element "Round teaser" added Pro
- CMS block/element "Image & text layered" added Pro
- CMS block "Six columns (custom)" added Pro
- Configuration for the background colour of the "Countdown banner" added Pro
- Configuration for the background colour of the "Countdown banner (compact)" added Pro
- Configuration for the horizontal alignment in the "Countdown banner (compact)" added Pro
- Configuration for the horizontal image positioning in the "Call-To-Action" added Pro
- Configuration for the maximum width of the "Image teaser" added Pro
- Configuration for the maximum width in the "Countdown banner (compact)" added Pro
Changes
- CSS classes for column spacing in CMS blocks reworked
- Presentation in display mode "Standard" of the "Image teaser" improved Pro
- Horizontal alignment of the "Image Teaser" improved Pro
- Storefront template files of all CMS elements updated Pro
- Variables of the "Hover box" improved Pro
- Preview of the "Grid blocks" improved Pro
- Preview of CMS teaser elements enhanced Pro
- Bugfix: Duplicate title attribute in the "My account" button fixed
- Bugfix: Colour assignment of the badges of all action buttons in the header fixed
- Bugfix: Colour assignment of the product badges fixed
- Bugfix: Unnecessary gap on the left and right of the breadcrumb with the width "100% (Full-width)" removed
Notes
- Twig blocks in template files of some CMS elements have been renamed. Please check your template customisations. Pro
Highlights
NEW: CMS block/element "Round teaser" added Pro
A new round teaser has been added with ThemeWare® 2.2. This is part of the new Pro Shopping Experience for ThemeWare® Clean.
NEW: CMS block/element "Image & text layered" added Pro
A new "Layout" element "Image & text layered" consisting of a CMS block and the corresponding CMS element has been added.
NEW: CMS block "Six columns (custom)" added Pro
The new CMS block "Six columns (custom)" is a customisable variant of the existing 6-column block.
This new block can adopt the new expert configuration "CSS class (column)" from certain teasers (see "Round teaser"). This allows you to freely configure the six columns, as long as you are familiar with the Bootstrap grid system.
In addition, there is a new CSS class to further customise this block in combination with the new "maximum width" configuration. You can find more information on this in the ThemeWare® Knowledge Base or in the ThemeWare® Manual.
Configuration for the background colour of the "Countdown banner" added Pro
We have added a configuration for the background colour of the "Countdown banner". This will give you even more design options.
Configuration for the background colour of the "Countdown banner (compact)" added Pro
The "Countdown banner (compact)" has also received a configuration for the background colour.
Configuration for the horizontal alignment in the "Countdown banner (compact)" added Pro
A configuration for the horizontal alignment of the text in the "Countdown banner (compact)" has been added. This allows the representation in "full width" sections to be configured even better.
Configuration for the horizontal image positioning in the "Call-To-Action" added Pro
We have added a configuration for horizontal image positioning. This allows the image to be aligned to the left or right instead of centred in "Cover" display mode.
Configuration for the maximum width of the "Image teaser" added Pro
You can now configure the maximum width of the "Image teaser". In combination with the horizontal and vertical alignment of the teaser, completely new layout options are now available.
Configuration for the maximum width in the "Countdown banner (compact)" added Pro
A new configuration for the maximum width of the content in the "Countdown banner (compact)" has been added. This allows the representation in "full width" sections to be configured even better.
Changes in detail
CSS classes for column spacing in CMS blocks reworked
The CSS selectors in the CSS classes for column spacing in CMS blocks have been improved.
Presentation in display mode "Standard" of the "Image teaser" improved Pro
The representation of the "Image teaser" in display mode "Standard" has been improved.
Horizontal alignment of the "Image Teaser" improved Pro
The horizontal alignment of the "Image teaser" has been improved.
Storefront template files of all CMS elements updated Pro
see "Notes" below
Variables of the "Hover box" improved Pro
The "Headline" variables have been named correctly. The change should be migrated automatically, but check your hover boxes to get sure. (Concerns the text, the colour and the CSS class of headlines.)
Preview of the "Grid blocks" improved Pro
The preview of the "Grid blocks" in the Shopping Experience editor has been improved.
Preview of CMS teaser elements enhanced Pro
The preview of the "Teaser" in the Shopping Experience editor has been improved and is now closer to the appearance in the Storefront.
Bugfix: Duplicate title attribute in the "My account" button fixed
A duplicate title attribute in the "My account" button has been removed.
Bugfix: Colour assignment of the badges of all action buttons in the header fixed
The colour configuration of the badges of all action buttons in the header now overwrites the predefined colour again.
Bugfix: Colour assignment of the product badges fixed
The colour configuration of the product badges now overwrites the predefined colour again.
Bugfix: Unnecessary gap on the left and right of the breadcrumb with the width "100% (Full-width)" removed
Unnecessary gaps to the left and right of the breadcrumb with the width "100% (Full-width)" have been removed. The breadcrumb is now flush with the browser window.
Notes
Twig blocks in template files of some CMS elements have been renamed Pro
The following changes have been made:
- cms-element-twt-button-teaser.html.twig
element_twt_call_to_action_element>element_twt_call_to_action_alignmentelement_twt_call_to_action_image_inner>element_twt_call_to_action_inner
- cms-element-twt-call-to-action.html.twig
element_twt_call_to_action_element>element_twt_call_to_action_alignmentelement_twt_call_to_action_image_inner>element_twt_call_to_action_inner
- cms-element-twt-classic-teaser.html.twig
element_twt_classic_teaser_content>element_twt_classic_teaser_alignmentelement_twt_classic_teaser_image_inner>element_twt_classic_teaser_inner
- cms-element-twt-countdown-banner.html.twig
element_twt_discount_banner_image_inner>element_twt_discount_banner_inner
- cms-element-twt-countdown-banner-compact.html.twig
element_twt_countdown_banner>element_twt_countdown_banner_compactelement_twt_countdown_banner_syles>element_twt_countdown_banner_compact_styleselement_twt_countdown_banner_content>element_twt_countdown_banner_compact_contentelement_twt_countdown_banner_countdown_image_inner>element_twt_countdown_banner_compact_innerelement_twt_countdown_banner_countdown_container>element_twt_countdown_banner_compact_container
- cms-element-twt-discount-banner.html.twig
element_twt_discount_banner_image_inner>element_twt_discount_banner_inner
- cms-element-twt-hover-box.html.twig
element_twt_hover_box_content>element_twt_hover_box_alignmentelement_twt_hover_box_image_inner>element_twt_hover_box_inner
- cms-element-twt-image-banner.html.twig
element_twt_image_banner_content> removedelement_twt_image_banner_image_inner>element_twt_image_banner_inner
- cms-element-twt-image-teaser.html.twig
element_twt_image_teaser_content>element_twt_image_teaser_alignmentelement_twt_image_teaser_image_inner>element_twt_image_teaser_inner
- cms-element-twt-modern-teaser.html.twig
element_twt_modern_teaser_content>element_twt_modern_teaser_alignmentelement_twt_modern_teaser_image_inner>element_twt_modern_teaser_inner
- cms-element-twt-text-teaser.html.twig
element_twt_text_teaser_content>element_twt_text_teaser_alignmentelement_twt_text_teaser_image_inner>element_twt_text_teaser_inner
- cms-element-twt-text-teaser-decorated.html.twig
element_twt_text_teaser_decorated_content>element_twt_text_teaser_decorated_alignmentelement_twt_text_teaser_decorated_image_inner>element_twt_text_teaser_decorated_inner
Tip: Please check any individual template customisations in your shop.
Summary
Finally, a brief remark about our documentation, because it is rarely mentioned. Just like the ThemeWare® themes, the ThemeWare® documentation is growing every day. More than 10 new articles have been written just for this update.
Best regards, Sebastian and the ThemeWare® Team