dropdown menu with sticky effect
Description
Highlights
- an easy to use drop down menu
- which can comprise several sublevels, provided that the value from the field "Navigation levels" of the corresponding sales channel is "3" or higher
- with which a sticky effect can also be added
- the navigation menu item "Home" can either be hidden or replaced by a house icon
- and the appearance can be specified within the configuration
Features
- at a full-surface or multi-line menu, you can, if desired, open the dropdown menus of the last main navigation menu item of a line to the left
About the Extension
Support
If you have any questions and if they have not already been answered in the area "Frequently Asked Questions", simply contact us via the email shopware-apps-support@telekom-mms.com and we will be happy to help you.
Description of the app
The app "Dropdown menu with sticky effect" enables, among other things, a dropdown menu from 992 pixels, which can include several navigation levels. This is especially worthwhile if the page has a flat category tree or the main navigation items only have a few subcategories. Because Shopware 6 uses an offcanvas menu instead of a fly-out menu below 992 pixels, a dropdown menu is neither necessary nor useful in these resolutions.
At a full-surface or multi-line menu, you can, if desired, open the dropdown menus of the last main navigation menu item of a line to the left.
Within the configuration, the following can be specified for the dropdown menu:
- the establishment of whether the dropdown menu should be active
- the definition of the shadow
- the definition of the distance to the left of the dropdown menu in pixels
- the definition of the min width in pixels
- the definition of the font size in pixels
- the definition of the padding in pixels
- the definition whether the menu should be right-aligned
- the definition whether the dropdown menus should always open to the left
- the definition whether the dropdown menus of the last main navigation menu item of a line of a full-surface or multi-line menu open to the left
- the definition of the number of main navigation menu items where the dropdown menu should open to the left
- the definition of the minimum number of main navigation menu items per line from which the opening of the dropdown menu to the left should be checked
- the definition of the distance of the text to the left for a left-opening dropdown menu in pixels
The app also offers the option to add a sticky effect to the menu. Either the dropdown menu or the existing fly-out menu can be used for this. The following can be specified for the sticky effect within the configuration:
- the definition of whether the sticky effect should be active
- the definition of the position in pixels from which the menu should receive the sticky effect
- the selection of the viewports in which the menu should receive the sticky effect
- the definition of the duration of the animation of the sticky effect in milliseconds
- the definition of the z-index value of the menu with sticky effect
- the definition of the background color of the menu with sticky effect
- the definition of the font color of the navigation menu items of the menu with sticky effect
- the definition of the bottom border width and color of the menu with sticky effect
You can also choose within the configuration whether the navigation menu item "Home" should be hidden or replaced by a house icon.
Support
If you have any questions and if they have not already been answered in the area "Frequently Asked Questions", simply contact us via the email shopware-apps-support@telekom-mms.com and we will be happy to help you.
Description of the app
The app "Dropdown menu with sticky effect" enables, among other things, a dropdown menu from 992 pixels, which can include several navigation levels. This is especially worthwhile if the page has a flat category tree or the main navigation items only have a few subcategories. Because Shopware 6 uses an offcanvas menu instead of a fly-out menu below 992 pixels, a dropdown menu is neither necessary nor useful in these resolutions.
At a full-surface or multi-line menu, you can, if desired, open the dropdown menus of the last main navigation menu item of a line to the left.
Within the configuration, the following can be specified for the dropdown menu:
- the establishment of whether the dropdown menu should be active
- the definition of the shadow
- the definition of the distance to the left of the dropdown menu in pixels
- the definition of the min width in pixels
- the definition of the font size in pixels
- the definition of the padding in pixels
- the definition whether the menu should be right-aligned
- the definition whether the dropdown menus should always open to the left
- the definition whether the dropdown menus of the last main navigation menu item of a line of a full-surface or multi-line menu open to the left
- the definition of the number of main navigation menu items where the dropdown menu should open to the left
- the definition of the minimum number of main navigation menu items per line from which the opening of the dropdown menu to the left should be checked
- the definition of the distance of the text to the left for a left-opening dropdown menu in pixels
The app also offers the option to add a sticky effect to the menu. Either the dropdown menu or the existing fly-out menu can be used for this. The following can be specified for the sticky effect within the configuration:
- the definition of whether the sticky effect should be active
- the definition of the position in pixels from which the menu should receive the sticky effect
- the selection of the viewports in which the menu should receive the sticky effect
- the definition of the duration of the animation of the sticky effect in milliseconds
- the definition of the z-index value of the menu with sticky effect
- the definition of the background color of the menu with sticky effect
- the definition of the font color of the navigation menu items of the menu with sticky effect
- the definition of the bottom border width and color of the menu with sticky effect
You can also choose within the configuration whether the navigation menu item "Home" should be hidden or replaced by a house icon.
Details
- Available: English, German
- Latest update: 6 August 2026
- Publication date: 13 May 2021
- Version: 1.3.6
- Category: Menu + category
Resources
Reviews (11)
Average rating of 4.82 out of 5 stars
Super
Average rating of 5 out of 5 stars
Das Plugin macht was es soll und ist dazu auch noch umsonst - perfekt, zumindest fast:
Ein kleiner Verbesserungsvorschlag.
Das Menü ist bündig zum linken Rand des Shops ausgerichtet. Es wäre schöner, wenn man einstellen könnte, dass das Menü eine bestimmte Anzahl von Pixeln vom linken Rand entfernt, beginnen könnte.
Ansonsten absolut super!
About the Extension Partner
Deutsche Telekom MMS GmbH
Partner Status
-
Shopware
Gold Partner -
Shopware
Extension Partner
Details
-
Ø-Rating:
4.9
Average rating of 4.9 out of 5 stars
- Partner since: 2021
- Extensions: 5
- Certifications: 14
Support
- Based in: Germany
- Speaks: German, English
- Response time: Very quickly
- Download the app from the store
- Log in into your Shopware 6 administration area and navigate to extensions -> my extensions
- Click on the right side on "Upload extension" and select the downloaded extension
- Use the context menu on the right side of the extension to install the extension and the switch button on the left side to activate it
- Use the context menu on the right side of the extension to configure the extension according to your own requirements
1.3.6 6.7.12.0 - 6.7.13.0
1.3.5 6.7.7.0 - 6.7.12.1
1.3.4 6.7.3.0 - 6.7.8.1
1.3.3 6.7.1.0 - 6.7.2.2
1.3.2 6.7.0.0 - 6.7.2.2
1.3.1 6.7.0.0 - 6.7.2.2
1.3.0 6.7.0.0 - 6.7.2.2
1.2.3 6.6.10.0 - 6.6.10.22
1.2.2 6.6.10.0 - 6.6.10.4
1.2.1 6.6.0.0 - 6.6.9.0
1.2.0 6.6.0.0 - 6.6.6.1
1.1.4 6.5.0.0 - 6.5.8.17
1.1.3 6.5.0.0 - 6.5.8.6
1.1.2 6.5.0.0 - 6.5.7.1
1.1.1 6.5.0.0 - 6.5.3.0
1.1.0 6.5.0.0 - 6.5.2.1
1.0.6 6.4.18.0 - 6.4.20.2
Refactoring the code to convert plugin config values to SCSS variables.
1.0.5 6.4.18.0 - 6.4.20.0
You can now select if the menu should be right-aligned.
You can now select if the dropdown menus should always open to the left.
1.0.4 6.4.18.0 - 6.4.18.1
The dropdown menu is now only delivered if it has been activated for the sales channel or viewport.
1.0.3 6.4.11.0 - 6.4.18.0
Implementation of the adaptation from NEXT-21282
1.0.2 6.4.7.0 - 6.4.11.1
Improvement of the inheritance of the Twig template
1.0.1 6.4.7.0 - 6.4.10.1
You can now set the distance to the left of the dropdown menu in pixels.
At a full-surface or multi-line menu you can now open the dropdown menus of the last main navigation menu item of a line to the left.
You can now select the number of main navigation menu items where the dropdown menu should open to the left.
You can now set the minimum number of main navigation menu items per line from which the opening of the dropdown menu to the left should be checked.
You can now set the distance of the text to the left for a left-opening dropdown menu in pixels.
1.0.0 6.4.0.0 - 6.4.7.0
Initial release of the app