The Base Store now has new components:
SearchHistory. Also to improve the page's performance, inline icons were removed from the final bundle.
🎉 New feature
EmptyStatecomponent - #367 Use the
ProductGallerycomponents to display a custom page for empty carts and product results.
sections- #371 The logic developed in the
pagesfolder has been moved to the
sectionscomponent. As a result, CMS users can rearrange and reorder each storefront section.
Suggestionscomponent - #372 Use the
Suggestionscomponent to encapsulate autocomplete suggestions and suggested products.
SearchHistorycomponent - #391 Use the
SearchHistorycomponent to show the user's search history in the store page.
New session query - #392 Use the
StoreSessionquery to get new sales channels when a user changes their postal code.
interactivevariant added to the
Badgecomponent - #396 Use the
interactivevariant in a
Badgecomponent to allow users to close the badge.
store.config- #400 The Search API now has the
hideUnavailableItemsparameter. This parameter either hides (true) or displays (false) an out-of-stock product.
styles/globalfolder - #407 This PR sets the stage for the upcoming Theming structure by gathering all CSS variables (tokens) into the
styles/globalfolder. It applies a coherent naming scheme and simplifies global styles.
🐛 Bug fix
HeroImagesize and css - #363 The
HeroImageHTML size property has been fixed. The browser will now create a better image to fetch based on the device's screen (mobile or desktop).
Fixed facets - #380 The
filteron the mobile version is now stable, and users can choose which facets to apply.
Tilescomponent semantic markup - #383 The semantic markup for
Tilesis now fixed to
liinstead of a generic
CartItemtitle and image - #405 The image size no longer breaks when a product title is longer than two lines. Now, the image size remains the same, and the product title is shortened.
Fixed the Button cursor - #419 Now the browser chooses which cursor to use depending on the component. For example, for links, use
pointer, and for buttons, use
Improved performance with
Section- #368 The
content-visibilityCSS property was added to the
Sectioncomponent. The property lazy loads part of the page's content and saves loading time.
Fixes in PLP loading - #362 Following the implementation of the Skeleton Loading components, some loading logic on the PLP has been changed: - The useTotalCount hook was removed. - The
FilterSkeleton buttons are now loaded at the same time. - The most recent
Filteritems are now kept expanded in the mobile version
Badgevariants renamed - #381 The
Badgevariants have been renamed so that the semantic meaning of
Badgeis not jeopardized. Changes made include:
`BadgeVariants = 'outOfStock' | 'new' | 'recommended' | 'neutral'`
`BadgeVariants = 'neutral' | 'info' | 'highlighted'`
Moved UI components and IconSVG to the
uifolder - #386 The
uifolder centralizes UI components and IconSVG, making it easier to add UI components and icons to the storefront.
<style/>tags by tags - #408 Inline styles are now contained in their own stylesheet, eliminating CSS code splitting and lowering the Total Blocking Time (TBT) metric.
Removed frontend computation to the backend - #411 Offers are now sorted according to the order of the offers array.
Improved the login performance - #418 Now the API returns
nullfor the person query when executed by an anonymous user, avoiding a mismatch with the default user session values, preventing the session of the anonymous user from being reset, and lowering the Total Blocking Time (TBT) metric.