Tile menu for the website (OpenCart)
Implemented a modern tile menu with icons/images based on popular commercial websites, fully adapted for desktop and mobile devices.
What has been done:
Functionality:
1) Tile menu with category buttons:
- used iPhone, MacBook, iPad, iWatch
- repair iPhone / MacBook / iPad / iWatch
- link to Telegram channel
- evaluation of iPhone for buyback
- page with locations
2) All tiles are clickable (one tile - one link)
3) Uniform tile sizes regardless of content
Responsiveness:
1) Correct display on:
- PC
- tablets
- mobile phones
2) Automatic grid restructuring without layout breaks
3) Preservation of image proportions
Management through the admin panel:
1) Adding and editing menu items through the administrative panel
2) Ability to independently:
- change the order of tiles
- edit names
- change images
- specify links
3) Setting the number of tiles per row for different devices
Visual part:
1) Neat grid with equal spacing
2) Hover effects for desktop
3) Style adapted for a commercial website
4) Support for branded design
Result:
A convenient, modern, and flexible tile menu has been created that:
- is easily editable without a programmer;
- looks professional on all devices;
- is suitable for electronics stores and service centers.
What has been done:
Functionality:
1) Tile menu with category buttons:
- used iPhone, MacBook, iPad, iWatch
- repair iPhone / MacBook / iPad / iWatch
- link to Telegram channel
- evaluation of iPhone for buyback
- page with locations
2) All tiles are clickable (one tile - one link)
3) Uniform tile sizes regardless of content
Responsiveness:
1) Correct display on:
- PC
- tablets
- mobile phones
2) Automatic grid restructuring without layout breaks
3) Preservation of image proportions
Management through the admin panel:
1) Adding and editing menu items through the administrative panel
2) Ability to independently:
- change the order of tiles
- edit names
- change images
- specify links
3) Setting the number of tiles per row for different devices
Visual part:
1) Neat grid with equal spacing
2) Hover effects for desktop
3) Style adapted for a commercial website
4) Support for branded design
Result:
A convenient, modern, and flexible tile menu has been created that:
- is easily editable without a programmer;
- looks professional on all devices;
- is suitable for electronics stores and service centers.