Help for accordion Menu

How to configure and adapt Aimeos based shops as developer
Forum rules
Always add your Aimeos and PHP version as well as your environment (Linux/Mac/Win)
Spam and unrelated posts will be removed immediately!
vp33
Posts: 5
Joined: 18 Dec 2024, 16:01

Help for accordion Menu

Post by vp33 » 19 Dec 2024, 11:29

Hi,

I tried find links in forum regarding accordion menu but I didnt find.
Did anyone implement something like this and can share some know-how / code please ?

Or at least point out wich files will I have to revise and their location.

I am using for now the standalone version and not the Laravel one (where i saw there is a way to easily creat a portable theme).

Thank you

User avatar
aimeos
Administrator
Posts: 8378
Joined: 01 Jan 1970, 00:00

Re: Help for accordion Menu

Post by aimeos » 19 Dec 2024, 11:59

What is an accordion menu? Do you have an example?

Aimeos has a mega-menu if you add the key "css-class" and value "megamenu" in the configuration table of the category root node
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star

vp33
Posts: 5
Joined: 18 Dec 2024, 16:01

Re: Help for accordion Menu

Post by vp33 » 19 Dec 2024, 12:25

Accordion menu is a menu like all the big ecommerce stores have:
check amazon and see 3 lines and ALL.
When you click on it, you can see the categories in a top to bottom format.
Is it mostly called HAMBURGER MENU.

"Aimeos has a mega-menu if you add the key "css-class" and value "megamenu" in the configuration table of the category root node" - I am new to Aimeos and I am not very sure I can follow this without additional info / pics.

User avatar
aimeos
Administrator
Posts: 8378
Joined: 01 Jan 1970, 00:00

Re: Help for accordion Menu

Post by aimeos » 19 Dec 2024, 12:37

For the configuration, see: https://admin.demo.aimeos.org/admin/def ... ?locale=en

For a demo, check the "Bestseller" in the menu here: https://laravel.demo.aimeos.org/
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star

vp33
Posts: 5
Joined: 18 Dec 2024, 16:01

Re: Help for accordion Menu

Post by vp33 » 19 Dec 2024, 12:49

1. i noticed that option yet puting the value megamenu to the css-css option doesnt seem to me to make any changes
2. megamenu doesnt solve my demand, the demand is to have a Hamburger Menu like amazon < please check initial demand I sent

User avatar
aimeos
Administrator
Posts: 8378
Joined: 01 Jan 1970, 00:00

Re: Help for accordion Menu

Post by aimeos » 19 Dec 2024, 12:56

A hamburger menu is only displayed for small device screens. If you want a drop-down menu, you should adapt the CSS of the catalog-filter-tree nodes and it's children in a customized catalog-filter.css file
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star

vp33
Posts: 5
Joined: 18 Dec 2024, 16:01

Re: Help for accordion Menu

Post by vp33 » 19 Dec 2024, 13:14

in the standalone version of Aimeos is it possible to have custom css files in my project to overwrite/extend the menu in order to achieve that amazon's way of menu - the hamburger ?

becasue making a new theme-folder in /vendor/ is not a good way.
wouldn't I loose the whole folder on updating aimeos if I do a new theme (copying the files from default to a new folder) ?

ty

User avatar
aimeos
Administrator
Posts: 8378
Joined: 01 Jan 1970, 00:00

Re: Help for accordion Menu

Post by aimeos » 19 Dec 2024, 14:54

You can adapt the ./public/vendor/shop/themes/default/catalog-filter.css file because it's not overwritten after first installation but you can also add a custom CSS file. You will only notice that you may need to overwrite more existing styles.
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star

Post Reply