How to display the subcategory links of just one category in a column?

Help for integrating the Laravel package
Forum rules
Always add your Laravel, Aimeos and PHP version as well as your environment (Linux/Mac/Win)
xarga
Posts: 11
Joined: 16 Dec 2019, 22:54

How to display the subcategory links of just one category in a column?

Post by xarga » 24 Dec 2019, 18:03

hi - I'm new to Aimeos and building an online store for bakery items where fast, easy access to products is important.

In the right hand column I want to display the food items in the "list" format and in the left hand column I want to permanently display the links to the subcategories of the Bakery products I'm offering - e.g Breads, Croissants, Cakes, Pies, Tarts etc. Clicking cakes for example will display display just cakes in the right column. I'd also like a link for "All Bakery".

I'd really appreciate some guidance on the what's the best way to achieve this? I've tried to manipulate the display of the dropdown menu but it doesn't function correctly. Also clicking the parent category "Bakery" in the breadcrumbs doesn't display any items.

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

Re: How to display the subcategory links of just one category in a column?

Post by aimeos » 26 Dec 2019, 12:02

You should create your categories including a category for all items, e.g.:
- All Bakery
- Breads
- Croissants
- ...

Then, you should overwrite the JS method to disable toggling:
https://github.com/aimeos/ai-client-htm ... 1445-L1450

Also, change the CSS to always display the categories:
https://github.com/aimeos/ai-client-htm ... #L514-L522
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star

xarga
Posts: 11
Joined: 16 Dec 2019, 22:54

Re: How to display the subcategory links of just one category in a column?

Post by xarga » 26 Mar 2020, 22:08

Thanks - this worked perfectly. I then moved the tree into a menu that slides out from the left to save valuable space on mobile devices.

Post Reply