Release Notes / Version 10.2107
Table Of Contents
The
livecontext
brick has been removed. All functionality has been spread over different bricks (enhancing their functionality to support commerce objects out of the box), moved into new bricks or has been removed if it was considered dead code. We strongly suggest to check each of the changes to decide about the impact on your existing themes.
Removed special heading styles without replacement:
cm-heading1/cm-heading1--boxedcm-heading2/cm-heading2--boxedcm-heading3/cm-heading3--boxedcm-heading4/cm-heading4--boxedcm-heading5/cm-heading5--boxedcm-heading6/cm-heading6--boxed
Removed Utility Functions of https://html5boilerplate.com/
cm-visuallyhidden(you can use the macro visually-hidden of@coremedia/sass-utilsas a replacement)cm-hiddencm-ircm-invisiblecm-clearfix
Removed Styling Rules affecting the following CSS Classes
cm-iconcm-gridcm-rowcm-collection
Feel free to readd these styling rules accordingly from the version you are migrating from if they are still in use.
The brick
pdp-augmentation
is now an example brick and was renamed to
product-assets
.
The styles and JavaScript of the Zoom Functionality and Magnific Popup integration has also been moved to the brick. The brick now utilizes the
slick-carousel
rather than the outdated
cycle2
Plugin.
The following templates have been moved to the
fragment-scenario
brick:
Product.externalHeader.ftlProduct.externalFooter.ftl
Rendering for uncropped catalog pictures was moved to
media
brick.
Moved Templates:
CatalogPicture.media.ftl
Moved CSS:
cm-uncropped-catalog-picturewas renamed tocm-media--uncropped
Rendering for IBM Marketing Spots has been moved to the
aurora
theme.
Moved Templates:
CMMarketingSpot.asPlacement.ftlCMMarketingImage.asTeaser.ftlCMMarketingText.asTeaser.ftl
Moved Styling Rules For CSS Classes:
cm-collection--marketingspot
The following templates have been moved to the
navigation
brick:
Category.asLink.ftlCategoryInSite.asLink.ftlProduct.asLink.ftlProductInSite.asLink.ftl
The following templates have been moved to the
elastic-social
brick:
CommerceObject.asListItem.ftl
The following templates have been moved to the
fragment-scenario
brick:
CMAction.asFragment.ftlProduct.availabilityFragment.ftlProduct.metadata.ftlProductVariant.availabilityFragment.ftl
The following templates have been removed from the
fragment-scenario
brick and added to the
aurora
and the
calista
theme:
PageGridPlacement.asTeaser.ftlPageGridPlacement.asTeaserHero.ftl
Styling for a header search field has been consolidated and merged into the
search
brick. The search brick has offered a different implementation for search suggestion than the code of the former
livecontext
brick. Therefore the remaining parts of the legacy brick
livecontext-search
have been moved. They can be copied to your workspace to reduce migration efforts. The legacy brick
livecontext-search
will be removed in the next AEP.
The
livecontext
brick offered an icon font named
livecontext-icons
. We replaced all usages with the
glyphicons
icon font which is available in a new brick called
glyphicons
.
While we encourage switching to the new icon font (if suitable) the old icon font can be found in the legacy brick
livecontext-icons
which can be copied into your workspace to reduce migration efforts. The brick will be removed in the next AEP.
Styling and JavaScript for Popups and Header Icons has been moved to the legacy brick
livecontext-header
which can be copied into your workspace to reduce migration efforts. The brick will be removed in the next AEP.
Rendering for product-list placeholders has been removed from our bricks and templates as the implementation has been moved to the
chefcorp
theme and is quite different. The code however remains in the legacy brick
livecontext-product-list
which can be copied into your workspace to reduce migration efforts. The brick will be removed in the next AEP.
Moved Templates:
CMPlaceholder.productlist-categories.ftlCMPlaceholder.productlist-header.ftlCMPlaceholder.productlist-listing.ftlProductInSite.asCategoryItem.ftlProductList.categories.ftlProductList.ftlProductList.header.ftlProductList.listing.ftl
Moved Styling Rules For CSS Classes:
cm-product-list-gridcm-category-itemcm-category.
Moved JavaScript:
Equalize container heights for different
cm-category-itemJQuery Plugin
equalHeights(if you have used the plugin for other purposes, feel free to copy it into your own bricks / themes, we advice switching to a more modern approach with CSS flexbox)
Due to the introduction of the new example bricks, rendering for "tiles" layouts was unused by our bricks and themes and has been removed. The code however remains in the legacy brick
livecontext-grids
which can be copied into your workspace to reduce migration efforts. The brick will be removed in the next AEP.
Moved Templates:
Container.asPlacementtiles-layout-50-50-portrait.ftlContainer.asPlacementtiles-layout-50-50-landscape.ftlContainer.asPlacementtiles-layout-center.ftlContainer.asPlacementtiles-layout-highlight.ftlContainer.asPlacementtiles-layout-landscape.ftlContainer.asPlacementtiles-layout-left.ftlContainer.asPlacementtiles-layout-portrait.ftlContainer.asPlacementtiles-layout-right.ftl
Moved Styling Rules for CSS Classes:
cm-collection--tiles-50-50-portraitcm-collection--tiles-50-50-landscapecm-collection--tiles-centercm-collection--tiles-highlightcm-collection--tiles-landscapecm-collection--tiles-leftcm-collection--tiles-portraitcm-collection--tiles-right
The product / category support has been integrated into
default-teaser
(so all banner types now support product and categories out-of-the-box). Before the change the
livecontext
brick has added support for product / category banners. The old templates are still available in a legacy brick
livecontext-banners
which can be copied into your workspace to reduce migration efforts. The brick will be removed in the next AEP.
It is very difficult to provide a clear migration path for the banner support as the new example banners are meant as a replacement. So we will just provide a list of involved templates and styling:
Templates:
Container.asPlacement.ftlContainer.asPlacementcarousel.ftlPageGridPlacement.ftlCategoryInSite.teaser.ftlLiveContextProductTeasable.ftlProductInSite.teaser.ftlLiveContextExternalChannel._picture.ftlLiveContextProductTeasable._picture.ftlLiveContextProductTeasable.asQuickInfo.ftlProduct.info.ftlProduct.pricing.ftlCommerceObject.asHero.ftlCommerceObject.asTeaser.ftlCommerceObject.ftl
Styling:
Pricing
Product Information
Show Now Button
The support for rendering a cart and adding / removing items has been moved to a new example brick
cart
:
Moved Templates:
Cart.ftl(renamed toCart.asCart.ftl)
Styling:
Cart rendering
Add-To-Cart Button rendering
Moved JavaScript:
Add-To-Cart
Remove-From-Cart
Event Hook for Cart Updated
The header integration is now part of the
calista
example theme.
Moved Templates:
Cart.asHeader.ftl
Styling:
Cart Icon
Popup positioning
Moved JavaScript:
Open / Close Cart Popup
Refresh Cart Popup on change
(CMS-9553)