close

Filter

loading table of contents...

Release Notes / Version 10.2107

Table Of Contents

Removal: Brick "livecontext"

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.

General Styling Rules for CSS Classes

Removed special heading styles without replacement:

  • cm-heading1 / cm-heading1--boxed

  • cm-heading2 / cm-heading2--boxed

  • cm-heading3 / cm-heading3--boxed

  • cm-heading4 / cm-heading4--boxed

  • cm-heading5 / cm-heading5--boxed

  • cm-heading6 / cm-heading6--boxed

Removed Utility Functions of https://html5boilerplate.com/

  • cm-visuallyhidden (you can use the macro visually-hidden of @coremedia/sass-utils as a replacement)

  • cm-hidden

  • cm-ir

  • cm-invisible

  • cm-clearfix

Removed Styling Rules affecting the following CSS Classes

  • cm-icon

  • cm-grid

  • cm-row

  • cm-collection

Feel free to readd these styling rules accordingly from the version you are migrating from if they are still in use.

PDP Augmentation / Product Carousel

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.ftl

  • Product.externalFooter.ftl

Uncropped Catalog Pictures

Rendering for uncropped catalog pictures was moved to media brick.

Moved Templates:

  • CatalogPicture.media.ftl

Moved CSS:

  • cm-uncropped-catalog-picture was renamed to cm-media--uncropped

Marketing Spots

Rendering for IBM Marketing Spots has been moved to the aurora theme.

Moved Templates:

  • CMMarketingSpot.asPlacement.ftl

  • CMMarketingImage.asTeaser.ftl

  • CMMarketingText.asTeaser.ftl

Moved Styling Rules For CSS Classes:

  • cm-collection--marketingspot

Link Rendering

The following templates have been moved to the navigation brick:

  • Category.asLink.ftl

  • CategoryInSite.asLink.ftl

  • Product.asLink.ftl

  • ProductInSite.asLink.ftl

List Item Rendering

The following templates have been moved to the elastic-social brick:

  • CommerceObject.asListItem.ftl

Notification Styling

Styling for cm-notification is now part of the elastic-social brick.

Fragment Templates

The following templates have been moved to the fragment-scenario brick:

  • CMAction.asFragment.ftl

  • Product.availabilityFragment.ftl

  • Product.metadata.ftl

  • ProductVariant.availabilityFragment.ftl

The following templates have been removed from the fragment-scenario brick and added to the aurora and the calista theme:

  • PageGridPlacement.asTeaser.ftl

  • PageGridPlacement.asTeaserHero.ftl

Header Search Field

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.

Icon Font

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.

Popup / Header Functionality

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.

Product-List Placeholders

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.ftl

  • CMPlaceholder.productlist-header.ftl

  • CMPlaceholder.productlist-listing.ftl

  • ProductInSite.asCategoryItem.ftl

  • ProductList.categories.ftl

  • ProductList.ftl

  • ProductList.header.ftl

  • ProductList.listing.ftl

Moved Styling Rules For CSS Classes:

  • cm-product-list-grid

  • cm-category-item

  • cm-category .

Moved JavaScript:

  • Equalize container heights for different cm-category-item

  • JQuery 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)

Tiles Layouts

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.ftl

  • Container.asPlacementtiles-layout-50-50-landscape.ftl

  • Container.asPlacementtiles-layout-center.ftl

  • Container.asPlacementtiles-layout-highlight.ftl

  • Container.asPlacementtiles-layout-landscape.ftl

  • Container.asPlacementtiles-layout-left.ftl

  • Container.asPlacementtiles-layout-portrait.ftl

  • Container.asPlacementtiles-layout-right.ftl

Moved Styling Rules for CSS Classes:

  • cm-collection--tiles-50-50-portrait

  • cm-collection--tiles-50-50-landscape

  • cm-collection--tiles-center

  • cm-collection--tiles-highlight

  • cm-collection--tiles-landscape

  • cm-collection--tiles-left

  • cm-collection--tiles-portrait

  • cm-collection--tiles-right

Product / Category Support For Banners

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.ftl

  • Container.asPlacementcarousel.ftl

  • PageGridPlacement.ftl

  • CategoryInSite.teaser.ftl

  • LiveContextProductTeasable.ftl

  • ProductInSite.teaser.ftl

  • LiveContextExternalChannel._picture.ftl

  • LiveContextProductTeasable._picture.ftl

  • LiveContextProductTeasable.asQuickInfo.ftl

  • Product.info.ftl

  • Product.pricing.ftl

  • CommerceObject.asHero.ftl

  • CommerceObject.asTeaser.ftl

  • CommerceObject.ftl

Styling:

  • Pricing

  • Product Information

  • Show Now Button

Cart Support

The support for rendering a cart and adding / removing items has been moved to a new example brick cart :

Moved Templates:

  • Cart.ftl (renamed to Cart.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)

Search Results

Table Of Contents