Please thoroughly review the task (text + screenshots)
Description:
It is necessary to implement the display of waterproofing systems (pages made in categories) in the form of tiles in a new category and its subcategories on the website (see screenshots — below).
I understand that by default, product cards are displayed in categories, but these pages (the systems that need to be displayed) are not exactly products (designing these systems as product cards does not suit my layout), so I arranged them in category sections and specifically removed the product filter and buy button in these categories. Perhaps it would be better to organize these systems through a blog. If organizing systems in categories is problematic for implementing the task, please suggest options... if a blog is better, then these systems (pages) can be moved and formatted as a blog (but with adjustments).
Structure:
- Main category: Waterproofing Systems
- Subcategories: Roofs, Terraces (in the future, "Foundations", "Joints", etc. will be added)
Each subcategory contains system cards (for example: “VM-Roof Base”, “VM-Terrace Standard” etc.). There is no need to create a third level of nesting for them; they are not visible on the site — they are added in the admin panel (see screenshot) and open correctly.
What needs to be done
Display in categories:
In the subcategory "Roofs" — display system tiles above the text:
- Image + name
- No more than 3 in a row
- Link to the respective system page
In the subcategory "Terraces" — similar
In the main category "Waterproofing Systems" — display all systems as tiles above the text
Block on the main page: (an example of how it should roughly look is in the photo)
- Add a block with systems to the main page:
- Between the blocks “Recommended Products” and “Promotional Products”
- Display — visual style similar to the blog (tiles 3 in a row)
The categories and system cards are already created and filled (photos, descriptions are available)
In the future, when creating new systems, they should automatically be added to the already added ones.
OpenCart 3.0.3.2
Website:
https://vadmax.com.ua/