- Home /
- Magento Extensions /
- M2 Breeze Blank theme
CSS optimization
We kept CSS small, and achieved 13kB of critical CSS and 9kB of icons, animations, and focus/hover effects. Another feature is CSS custom properties for all colors and animation definitions. This allows implementing prefers-reduced-motion and prefers-color-scheme media queries in just 1kB of CSS.
Enhanced frontend performance
Breeze theme uses the Breeze module that creates the alternative JS frontend for Magento 2. All built-in scripts were replaced with it’s own simplified implementation, so there are no heavy-Javascript resources any more. Breeze supports single-page application (SPA) for faster page load time.
Tailwind 3.0 color palette
Breeze Blank theme will add Tailwind Color Styles to your Magento 2 website. The template includes Tailwind 3.0 color palette. That means you can use as less variables, and change theme colors with a few lines of code. It is great for you to have a unique store color branding.
Designed for everyone
We designed the Breeze Blank theme for easy use on all devices. Mobile-friendly navigation. A dark mode on mobile devices. Touch-friendly buttons and page elements. Responsive images. This all affects the accessibility and better search rankings. Our template supports RTL. It includes a package with helpful mixins to use for LTR/RTL-dependent properties.
Breeze Blank 2.7.4
April 2nd 2024Added compatiblity with AdobeCommerce.
- Magento 2.4.7 compatibility.
- Paypal-in-context integration added.
- ShowPassword component added.
- Out of stock items in product listing are now displayed in gray colors in BreezeEvolution theme.
- Fixed large margins between form fields when some fieldsets are empty.
- Fixed overlapped msrp price when it’s shown aside of product name.
- Added missing styles for MultiSourceInventory StorePickup module.
- Fixed incorrect js dictionary file url.
- Fixed missing cookie messages on initial page load.
- Fixed js errors at “Paypal review order” page.
- Fixed incorrect breadcrumbs at product page when turbo is disabled.
Breeze Blank 2.7.0
March 4th 2024Added compatiblity with AdobeCommerce.
- Requires swissup/module-breeze-magento-enterprise package installation. You can see the list of supported features in the readme section if the repository.
Improved developer experience
- Inline scripts with
require()
calls are no longer removed from the DOM structure. This was done to simplify integration of third-party modules. - Improved javascript
$().find|$().is
methods for better support of jQuery specific selectors like:input
,:button
,:image
etc. - Added missing
validateSingleElement
function. - Added missing
prompt
component. - Align
.trigger('submit')
with jQuery - it will submit the form the the server now. - Allow extending widget from prototype:
$.widget('name', $.mage.name, {})
-
$.Deferred
object added.
Fixes
- Fixed not working first click on review stars when iOS device.
- Fixed incorrect breadcrumbs at products page when opening multiple browser tabs.
- Fixed incorrect date in calendar when year format is using two-digits.
- Fixed incorrect count of active ajax
$.active
requests when some is failed. - Fixed not working
onInteraction
JS load rule. - Fixed incorrect execution order of multiple large dynamic js components.
- Improved carousel styles.
Breeze Blank 2.6.0
November 27th 2023Breaking Changes
-
We’ve changed the code that will show login popup
The old code will not work anymore because of performance optimizations -
.block-authentication
is no longer exists in DOM structure until popup is shown.So, if you’ve used
$('.block-authentication').modal('openModal');
to show login popup, you need to replace it with new call.
New Features and Improvements
- The message about proper performance setup added to the backend panel.
- Improve critical image preload on homepage and category pages.
-
$(el).lineClamp() widget added to use in pair with new
line-clamp-[1..6]
utilities. - Improve $.lazy behavior:
- If user was active before lazy call - callback will run immediately.
- Utilize single event listener for all lazy callbacks.
-
breeze-inactive
class added to the body until first user interaction.
- Ability to run some logic in the widget when element appears in viewport.
- Color swatches are now render its options when element is visible.
- Added ability to hide currency title using
currency-separator
andcurrency-title
classes. - Added ability to use
absolute
position for actions block when using grid listing.
Breeze Blank 2.5.6
August 17th 2023- New gallery features added:
- Allow to use jQuery-like
$.ajax().done|$.ajax().fail|$.ajax().always
callbacks. - Fixed inability to translate “items|item” phrase.
- Allow to get validator instance using
.data('validator')
method. - Added
validateElement
method to validator class. - Fixed script execution when using
ko.html
binding.
Breeze 2.4.2
March 17th 2023- Magento 2.4.6 and PHP 8.2 compatibility added.
- Added ability to include third-party scripts after user interaction. This is a useful feature to include third-party scripts without affecting pagespeed score. The following modules will use this feature out of the box: GoogleAnalytics GoogleTagManager Recaptcha
- Show header icons without delay to decrease LCP value.
- Fixed ability to select unavailable product in dropdown at configurable product page.
- Fixed empty alt text in product main image. Product name will be used as a fallback now.
- Fixed visible configurable variation qty when moved outside sku block.
- Fixed jumping content when price label gets hidden.
- Fixed invisible regular price for configurable products when discount is applied
- Added missing minlength, maxlength, min, and max js validators.
- Update all bundled js libraries.
- Drastically reduced LCP value for Evolution theme.
- Reduce noise at category listing for touch devices in Evolution theme - Add to cart button will use secondary button styles now.
Breeze Blank 2.3.1
January 27th 2023Module Updates
- Integration with smile/elasticsuite module added. Integration is available via separate module.
- Range-slider component added to use with any third-party layered navigation module.
- breeze:module:create command added.
- breeze:theme:create command added.
- RTL fixes for product magnifier.
Breeze Blank 2.0.0
November 14th 2022Module Updates
- Backward Incompatible Changes
- Removed all rgb-* variables to simplify theme styling.
- Changed markup in the header dropdown items.
- Dark mode was disabled since it was rarely used by the customers.
- A bunch of less variables were renamed.
- Improved LCP on product page using fetchpriority for product image.
- Easier forms and buttons customizations using LESS variables.
- Simplified responsive layout breakpoints.
- As a result of simplified layout we’ve decreased count of generated responsive images that may be crucial for budget hostings.
- Sticky messages with autohide feature added.
- Containered slider style added.
- Automatically reload page during turbo load if static files were changed.
- And more than 50 small fixes in CSS and JS components.
Breeze Blank 1.2.1
September 6th 2022Module Updates
- Added font-family variables to easily customize font in block titles, buttons, or whole site.
- Fixed incorrect urls to local resources in critical CSS.
- Fixed error in PHP log files about missing requirejs files when js merge is enabled.
- Removed font-related css properties. Less variables should be used instead.
Breeze Blank 1.2.0
August 26th 2022Module Updates
- Header panel was moved into the slideout menu on mobile devices.
- Amasty_MostViewed integration added.
- CSS fixes for Right-to-Left languages.
- Fixed not working “scroll to top” on Breeze Evolution theme (iOS only).
Breeze Blank 1.1.7
June 26th 2022Module Updates
- Fix a few bugs in our $.ajax implementation so it now more compatible with code written for jQuery.
- Fixed ability to disable Turbo at store level using backend config.
- Properly update product price when changing qty and tier-pricing is enabled.
- Fix incorrect price when configurable options passed via query hash params (Example: #190=3).
- Fixed not working “Reload captcha” button.
- Fixed error during static content deploy if minification option was changed.
- Fixed styles for configurable product options that are not swatches.
Breeze Blank 1.1.0
June 26th 2022Module Updates
- Improved default styles for contact, login, create account, advanced search pages.
- More LESS variables for product item on category page:
- Reveal information on hover.
- Truncate product name to fit into X lines.
- Columns count per different screen sizes.
- More LESS variables to change minicart view in header.
- Fixed layout shift caused by slider initialization.
- Remember recently viewed products for 1 day instead of 15 minutes.
- And up to 50 commits with small fixes and improvements!
Breeze Blank 1.0.6
Aprilt 26th 2022Module Updates
- Fixed price update in product listing when swithing to another configurable product variation.
- Fixed styles of out-of-stock label in product listing when shown over the image.
- Fixed swatches over the image after listing’s ajax refresh.
- Added missing “disabled” state to swatch item filter.
Breeze Blank 1.0.4
Aprilt 15th 2022Module Updates
- Added Paypal Express Order Review page support.
- Tiny checkout CSS fixes.
- Improved Paypal Express button stability in minicart dropdown.
- Fixed rare js error when using $.async function.
Breeze Blank 1.0.3
March 31th 2022- Improve checkout success page styles
- Fixed css issue with gdpr module
- New hero blocks for homepage content
- Ability to move footer to the bottom of the page
- Ability to hide "Al low as" price
- Fixed newsletter styles when label is transformed into icon
- Cookie notice styles
- Prevent double scrollbrs
- Firecheckout fixes
- Revert too large spacing below shipping items
- Improve large modal popups alignment
- Better styles for firecheckout module
- Fixed different font weight in primary and secondary buttons
- Improved checkout styles when third-party modules are used
- Hero blocks on the homepage
- Pagebuilder's banner improvement
- Ghost button added
- Wishlist listing fixes
- New helper: color-invert
- Pagebuilder banners support
- New helpers (flex)
- Ability to set header background
- Small pagebuilder improvements
- Ability to use xl and lg buttons inside pagebuilder elements
- Ability to change headings font-weight
- Fixed not working listing styles on the homepage
- Firecheckout css fixes
- Fixed css issue at firecheckout page
- Boxed blocks mixin
- Use narrow page for 1column "not found" pages
- Customer variables
- Narrow page variables
- Fixed styles for disabled place order button
- Checkout customizations
- Checkout variables and a ways to change them from derived theme.
- Improve discount form at checkout page
- Use focus-ring around checkboxes and radios for focus-visible state only
- More spacing below long review sidebar block
- Fix not working selector on visible div
- Reset order summary border-radius inherited from modal styles
- Reset block title styles in modal popup
- Fixed too short minicart items block at checkout page
- Tiny checkout improvements
- Fixed invisible spinner when components are loading
- Use :where selector to decrease selector weight
- Allow to write in 'prose' wrapper
- Reset ul styles in collapsible navigation
- Invert helper added
- Don't use multicolumn layouton small screens
- New alignment helpers
- Reset margin below unstyled lists
- Multirow pagebuilder columns in footer
- New typography styles
- Modal variables
- Inverted color customizations
- Fixed hover color for dropdown items inside dark panel
- Allow to add unstyled list in pagebuilder row
- Allow to disable background image per media condition
- Header-panel-info customizations
- New cms block: header_panel_info
- Fixed while link inside skip content panel
- Footer customizations
- Invert colors mixin added
- Do not apply block content styles for cart discount and shipping blocks
- Mail icon added
- Standard less variable naming
- Minisearch variables
- Fixed empty space in the bottom on the page caused by swatch-option-tooltip
- More buttons variables
- Block mixins added
- Reset block title style in header
- Hover color for breadcrumbs
- Remove listing background be default
- Header background variable
- Rename css variables
- Header customizations
- Breadcrumbs customization
- Rename listing-related variables
- More customizations for listing
- Do not hide swatches by default
- Disable reveal on hover effect on mobile devices to prevent accident clicks
- New mixin added: gradient-overflow
- WIP: Listing customizations
- Product name in listing variables
- Ability to hide "As low as" price label
- Listing variables
Breeze 0.12.2
March 11th 2022Module Updates
- Fixed js chunks deployment during setup:static-content:deploy command. This fixes compatibility with Magento Commerce Cloud environment.
- Fixed error in logs about empty less file during deployment.
- Fixed CSS issues when menu is moved inside header.
- Fixed dropdown styles when parent container is dark.
- Added new LESS variables to improve cusomization abilities.
Breeze 0.9.1
January 14th 2022Module Updates
- Allow to create nested view components.
- Fixed js error when recaptcha is enabled in product review form.
- Fixed “getTemplate” error when third-party component is not available in Breeze.
- Fixed responsive images sizes on the homepage.
BreezeBlank 0.9.0
December 11th 2021Module Updates
- Initial release.
There are no product questions yet.
Please login to your account to post a question