Compatibility update for Shopware 6.7
- Complete migration from vuex to pinia and to meteor components in the admin
- Adjustments to Vite configuration
- Code clean-up, bug fixes, and optimizations
- A bug in the admin was fixed where the content element tab in the slide settings could not be opened
- A bug in the slide selection of the slider cms element has been fixed. Slides can now be added and removed again
- Code adjustments and optimizations
- The switch from vuex to Pinia has been fully implemented
- Optimization of the slide selection and device switch components
- Lazy loading of section styles has been removed and replaced with static styling via SCSS. There should no longer be any display errors in sections.
- A display error in the Admin UI has been fixed. Context menus in the Slide Builder description editor were previously cut off; all menus should now be fully accessible.
- The ElysiumSlidesResultEvent event has been added, which is triggered when loading Elysium sliders. This allows developers to modify the display of slides.
- Errors in the slide editing have been fixed. All slide settings are visible again
- Elysium section has been added. It is available in the Shopping Experiences section selection and extends the Shopping Experience with dynamically scalable blocks, merging block rows, changing the visual block order, and more. All settings can be
configured separately for smartphone, tablet, and desktop views.
- Codebase has been cleaned up and optimized.
- Blocks in standard sections can now be selected as usual again
- The values in number input fields are now correctly applied. The corresponding components have been adjusted and should function as expected starting with Shopware 6.6.4
- Adjustment of translations
- Change elysium-slider js registration from async to static so the Slider should work as expected from Shopware 6.6.7 onwards
- With the value 0, the maximum limit (width/height) in device-dependent settings can be reset.
- Manually build the latest JS files for the composer package
- Translations in the administration have been corrected
- Change to a Mobile First approach for device-dependent settings. These settings are now optional and inherit the value from the smaller device view (Mobile First approach). For example, if a setting is only configured in the mobile
view, it will be applied to tablet and desktop views as well. This applies to the settings of the slides and the Shopping Experience element slider and banner.
- Adjustment and optimization of the admin UI. The admin UI for the Elysium components (slides, slider, and banner settings) has been revised.
The icon in device-dependent inputs can now be clicked to switch between views.
The
input fields in all settings have been made more compact and clearer to enable more effective editing. - A lazy loading option has been added to the banner element.
- Equalize different slide heights in Slider element.
- Add outline button variants to slide linking settings
- Add button size option to slide linking settings
- Improve Slider loading behavior to reduce Cumulative Layout Shift an Slide popup effect
- A bug in the Slide settings (display) "Display elements one below the other" has been fixed. The option can now be selected correctly again and works as expected.
- CSS styles were added to the focus image element to prevent overlap with the container.
- The product image of a slide can now be hidden for the linking type 'Product'
- A maximum height can now be set in the CMS banner element
- Change: Due to a changes in the State Manager as of Shopware 6.6.4, errors occurred when inserting Elysium blocks in the Shopping Experiences Layout Editor. This has been adjusted and the insertion of blocks should work as expected.
Changelog
- Change: The SQL syntax of the database migration 1707906587 has been changed to support MariaDB versions 10.3 and higher.
- Bugfix: The Headline HTML tags i, u, b, strong, br and span are now displayed as expected in the frontend
- Bugfix: Fixed behavior of maximum width of content and image elements
Changelog
- Change: The SQL syntax of database migration 1707906587 has been changed to support older MySQL and MariaDB versions. IMPORTANT NOTE Starting with version 4, the database versions recommended by Shopware are supported without exception
Changelog
- Improvement: The information in which Elysium Slide a medium is used is now displayed in the media management. When deleting a linked medium, a corresponding message appears
- Improvement: Role permissions have been added in the Elysium Slides module
- Improvement: In the slide settings, the option Stretch image to full width has been added to the image element
- Change: The Auto playback interval setting in the CMS slider now has a minimum value of 200 instead of 3000
- Change: The focus image is now displayed in automatic width by default instead of full width
- Bugfix: HTML tags i, u, b, strong, br and span are now displayed as expected in the frontend
- Bugfix: Correct CSS class names in CMS blocks. This results in styling fixes
- Bugfix: Correct the aspect ratio. When the content of the slide exceeds the aspect ratio, the height of the slide adjusts to fit the content. This means that the content is no longer cut off.
- Bugfix: Text snippets in the administration have been corrected
Changelog
- Bugfix: When content exceeds the specified aspect ratio, a Slide is now displayed in its entirety
- Bugfix: Prevent breaking overflow in 'Elysium Banner' Shopping Expierence block
Changelog
- Bugfix: The UI icons in the administration have been adjusted. These are also displayed correctly again from Shopware 6.6.2.
Changelog
- Improvement: When saving a slide, the cache of all Shopping Experience layouts that have an Elysium element assigned to them is now invalidated. This means that changes to the slide are immediately visible in the storefront without having to delete
the cache
- Bugfix: Prevent breaking overflow in cms two-col block
Changelog
- Improvement: When saving a slide, the cache of all Shopping Experience layouts that have an Elysium element assigned to them is now invalidated. This means that changes to the slide are immediately visible in the storefront without having to delete
the cache
- Bugfix: Prevent breaking overflow in cms two-col block
Changelog
- Bugfix: The slide description is now saved as expected
- Bugfix: Correction of text snippets in the administration
Update Notes
This update provides compatibility with Shopware 6.6. Plugin support changes with this version. Version 3 contains feature enhancements and bug fixes. Version 2 receives bug fixes only. Version 1 is no longer supported and will not receive further updates.
All code within the administration has been adapted. We have minimized the code and focused on improving performance and user experience.
Changelog
- Improvement: Update and customization of the administration components
- Improvement: The JavaScript code of the sliders in the storefront is now loaded dynamically
Changelog
- Feature: A post update conversion of the slide and slider settings has been added. When updating from version 1.5 to 2.1, slide and slider settings are automatically applied. Note: Data from versions lower than 1.5 will not be converted.
We also strongly recommend creating a database backup before the update
- Bugfix: Errors in the slide template have been fixed and the general styling has been optimized
Version 2.0.0
Important note
The 2.0 update contains critical changes. Please test the update from version 1.x to 2.0 in a staging environment to avoid permanent data loss. This release contains deep structural changes. These changes were unavoidable to ensure
efficient and future-proof development of the Elysium extension.
Update Notes
Banner element for Shopping Expierence layout was added
Slides can now be displayed individually in a Banner element. Two additional Block elements have also been added to the Shopping Expierence layout. These can be found in the new block category Elysium Slider and Banner.
The Elysium Banner block is designed to display a single banner.
The Elysium Block - 2 Columns is designed to display two banner elements. However, other Shopping Expierence elements can also be used in this block.
This block offers extended display options for smartphone, tablet, and desktop views, which can be accessed in the sidebar of the Shopping Experiences layout designer.
Extending the configuration of Elysium Slides
The configuration of Elysium Slides has been restructured and expanded. New display options have been added, and a focus image can now be used. The focus image is displayed next to the content area detached from the Slide cover.
The Slide cover images have also been improved, with different images available for smartphone, tablet, or desktop view.
It is now possible to link a product in addition to an individual link. The product's name, description, and image are automatically
displayed. However, the Slide can overwrite this information by inserting the slide headline or focus image for example.
Consistent settings for smartphone, tablet and desktop view
The settings for slides, slider, and banner elements now have a unified configuration for smartphone, tablet, and desktop views. Each device icon represents a specific view. By clicking on a device icon, the configuration can be specially optimized
for this view. Device-dependent settings are indicated below each option.
Users can also adjust device sizes, determining which view is used based on screen width. To set device sizes, go to Settings → Extensions → Elysium Slider.
Improvement of slide templates and styles
The template structure and CSS styles of slides have been revised and organized more logically. If you are using your own templates, please check them for appropriate changes.
Changelog
- Feature: Banner element for Shopping Expierence layout was added
- Feature: Shopping Expierence block 'Elysium Banner' was added
- Feature: Shopping Expierence blockk 'Elysium Block — 2 Columns' was added
- Feature: Device-dependent settings have been added to the 'Slider' and 'Banner' elements
- Feature: Device-dependent settings have been added to the slide settings
- Feature: Slides can now be copied
- Feature: Slides can be added a 'focus image'
- Feature: Various slide cover images can be added for the smartphone, tablet and desktop view
- Feature: A large number of slide settings are now device-dependent
- Improvement: Slide settings have been greatly expanded
- Improvement: Optimization of slide cover thumbnails in the frontend (improvement of the Lighthouse performance rating)
- Improvement: Deleting a slide is now also possible on the detail page
- Changes: The Elysium Experience blocks can now be found in the block category 'Elysium Slider and Banner'
- Changes: The slide detail page has been restructured. This mainly affects the code quality. The form for media has been moved to a separate tab. The additional field settings can now be found in the "Advanced" tab
- Changes: Slide templates and styles have been restructured
- Bugfix: An error in the slide button display has been fixed. If a slide was created without enabling/disabling the URL overlay option, the button was not shown. This error has been corrected and the slide button is shown as expected.
- Bugfix: An error in the slide selection of the shopping experience slider element has been fixed. With different languages, no slides could be selected and the slide selection was not displayed. Now the entire slide selection should work as expected in every selected language.
- Bugfix: An error in the slide selection of the shopping experience slider element has been fixed. With empy slide headlines, no slides could be selected and the slide selection was not displayed. Now the entire slide selection should work as expected even if slide headlines are empty.
- Feature: It is now possible to display several slides per page. Previously, the view was limited to one slide per page. The Slide behavior settings can be found under Sizes in the Shopping Experiences Slider element. You can specify how many slides should be displayed per page.
- Bugfix: An error in the slide selection of the shopping experience slider element has been fixed. With different languages, no slides could be selected and the slide selection was not displayed. Now the entire slide selection should work as expected in every selected language.
- Feature: The inner container width of the content can now be set in the CMS Slider element. Possible options are "Page content width" or "Full width". Learn more: https://elysium-slider.blurcreative.de/documentation/cms-slider/settings
- Fix: Translations in the admin have been corrected
- Improvement: The display of the slider has been optimized. In the slider settings there is now the possibility to configure the padding
- Improvement: The slide selection in the admin has been optimized. The drag and drop function of the slides is now better recognizable
- Fixed a bug where the slider was displayed incorrectly
Changes and extension of the shopping worlds slider element settings
Besides bug fixes, this update relates to the settings of the shopping worlds slider element. We have made an adjustment to the admin interface and added options.
Important note
These adjustments also result in changes to the data structure of the shopping worlds slider element. Please read our update notes for version 1.5.0 before updating the extension.
Update Notes: https://elysium-slider.blurcreative.de/documentation/update-notes#version-1-5-0
- Feature: It is now possible to assign a slider heading
- Feature: New settings have been added for the shopping worlds slider element
- Change: The interface of the configurationn of the shopping worlds slider element has been adjusted
- Bugfix: ignore case sensitive on file extension of slide-cover media
- Chore: Update JavaScript build file for Shopware 6.5 Compatibility
- Bugfix: The display of the slide cover background images now works again as expected
- Chore: The slider-overlay option is now inactive by default
Note for developers
The slide template has been refractored. Templates for individual slide components are now located under `storefront/component/blur-elysium-slide/`.
The template for the main CMS element is still located under `storefront/element/cms-element-blur-elysium-slider.html.twig`.
Changelog
- Feature: In the slide settings there is now the "Advanced" tab, this will contain advanced settings of a slide
- Feature: An individual Twig template file can be defined per slide. This is located in the "Advanced" tab of the slide settings (#44)
- Improvement: Optimisation of the slide selection view in the Elysium Slider CMS element (#55)
- Improvement: Optimization of ACL roles for admin users (#69)
- Chore: The slide template has been refractored
- Bugfix: The 'no slides available' dialogue in the Elysium Slider CMS element now appears as expected (#53)
- Bugfix: Fix wrong thumbnail order in frontend (#57)
- Bugfix: The slide button is now hidden when the URL overlay option is active (#63)
- Feature: Slide headline accepts br, i, u, b, strong and span HTML tags (#50)
- Bugfix: correct title attribute in url overlay template (#51 - thanks to Alexander Pankow)
- Bugfix: set text-indent to absolute value in url overlay template (#51 - thanks to Alexander Pankow)
New slide selection in CMS element
The slide selection in Elysium Slider CMS element has been revised. The aim is that shop managers can maintain and arrange the slides faster and more effectively.
So there is an overview of the selected slides, where slides can be repositioned, edited or deleted. The user experience has also been improved with helpful dialogues and hints in the slide selection.
Video support of slide covers
Videos can now also be linked and uploaded as slide cover. For the time being, only .mp4 or .webm videos are displayed. As slide cover for portraits, as before, only images can be linked. This display is ignored as soon as a video is linked as slide cover.
Important note
If slides without HTML element or text color for Headlines were initially saved, they could not be saved afterwards. This error has been fixed.
However, this can lead to the removal of information that has already been maintained (only affects HTML element or text color of the headline property) in created slides.
Therefore, these details should be checked in already created slides
Changelog
- Feature: New slide selection in CMS element (#11)
- Feature: Video support of slide covers (#9)
- Bugfix: Escaping CSS functions in `Resources/app/storefront/src/scss/_elysium-slider.scss 115:26` (#40)
- Bugfix: Double Quotes background-image inline CSS in `Resources/views/storefront/element/blur-elysium-slide-media.html.twig` added (#41)
- Bugfix: Addes Context menu actions media sidebar (#43)
- Bugfix: Its now possible to save HTML element and textcolor of headline property afterwards (#49)
- Hotfix: Neu kompilieren von JS Dateien.
This update is about Slides! We have added some settings to Elysium Slides and improved the admin UI for the slide view. And of course we also improving our code quality.
Highlight in this version
set html-element and text-color settings to slide headlinereplace descriptions text with html editoradd button appearance settingadd slide css class settingadd slide bg coloradd slide content alignmentadd content container vertical alignadd content container bg color
add content container padding
Other improvements and fixesimprove extension lifecycle code and security
improve slide view in admin. put display related settings in own tab.
improve url overlay setting in slide detail view
- Cancel action in slide detail view should work as expected
- remove depracted image-flow mode setting
- update plugin icon
- fix/add wrong/missing translation snippets
- minor code fixes
- add media folder for elysium slides
- remove image-flow mode
- add aspect-ratio config
- support thumbnails in frontend
- minor style and accessibility improvements
- First release in the Shopware Store
Shopware