Simple Components
Описание компонента
The SimpleSimple components are designed for content that takes up more space (in height and width), includes a background image, and also assumes the presence of additional elements besides the title and description (see the examples in the screenshots).
Table of ready-made components:
| simple-top | simple-top-right | ||
| simple-bottom | simple-bottom-right | ||
| simple-left | simple-left-v2 | simple-left-items | simple-left-v3 |
| simple-right |
Component subcategories
Simple-top
The component displays the content at the top of the container. It is possible to add additional elements (see the examples in the screenshots).
Products with this component:
| Trouver E20 Robot Vacuum Cleaner | https://kz.trouver-tech.com/catalog/roboty_pylesosy/e20/?offer=477 |
| Handheld vacuum cleaner Trouver S3 Detect Aqua | https://kz.trouver-tech.com/catalog/besprovodnye_pylesosy/s3_detect_aqua/?offer=368 |
| Trouver K30 cleaning vacuum cleaner | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/k30/?offer=407 |
| Cleaning Vacuum Cleaner X4 | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/x4_pro/?offer=836 |
| Cleaning Vacuum Cleaner X4 | https://kz.trouver-tech.com/catalog/drugie/hair_dryer_tbd/?offer=554 |
Component Example:
Simple-left
The component displays the content on the left side of the container. It is possible to add additional elements (see the examples in the screenshots).
Products with this component:
| Trouver E20 Robot Vacuum Cleaner | https://kz.trouver-tech.com/catalog/roboty_pylesosy/e20/?offer=477 |
| Trouver 30 Ultra Robot Vacuum Cleaner | https://kz.trouver-tech.com/catalog/roboty_pylesosy/robot_vacuum_cleaner_e30/?offer=537 |
| Trouver K30 cleaning vacuum cleaner | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/k30/?offer=407 |
| Cleaning vacuum cleaner M10 | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/m10/?offer=837 |
| Cleaning Vacuum Cleaner X4 | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/x4_pro/?offer=836 |
Simple-left-v2
The component displays content on the left side of the container, occupies a larger height, and contains significantly more information to display.
Products with this component:
| Trouver Turbo Hair Dryer | https://kz.trouver-tech.com/catalog/drugie/hair_dryer_tbd/?offer=554 |
Component example:
Simple-left-items
The component displays content on the left side of the container, occupies a larger height, and contains significantly more information to display.
Products with this component:
| Cleaning vacuum cleaner M10 | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/m10/?offer=837 |
| Cleaning Vacuum Cleaner X4 | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/x4_pro/?offer=836 |
Component example:
Simple-bottom
The component displays the content at the bottom of the container. It is possible to add additional elements (see the examples in the screenshots).
Products with this component:
| Trouver E20 Robot Vacuum Cleaner | https://kz.trouver-tech.com/catalog/roboty_pylesosy/e20/?offer=477 |
Component example:
Simple-top-right
A component that displays content in the upper-right corner of the container. Supports adding additional elements.
Products with this component:
| Trouver E20 Robot Vacuum Cleaner | https://kz.trouver-tech.com/catalog/roboty_pylesosy/e20/?offer=477 |
| Trouver K30 cleaning vacuum cleaner | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/k30/?offer=407 |
Component example:
Simple-right
A component that displays content on the right side of the container. Supports adding additional elements.
Products with this component:
| TrouverE 20 PRO Robot Vacuum Cleaner | https://kz.trouver-tech.com/catalog/roboty_pylesosy/e20/?offer=468 |
| Trouver K30 cleaning vacuum cleaner | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/k30/?offer=407 |
| Cleaning vacuum cleaner M10 | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/m10/?offer=837 |
Component example:
Simple-bottom-right
A component that displays content in the lower-right part of the container. Supports adding additional elements.
Products with this component:
| Trouver E20 Robot Vacuum Cleaner | https://kz.trouver-tech.com/catalog/roboty_pylesosy/e20/?offer=477 |
| Cleaning Vacuum Cleaner X4 | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/x4_pro/?offer=836 |
Component example:
Simple-video
A component that displays content in video format.
Products with this component:
| Cleaning Vacuum Cleaner X4 | https://kz.trouver-tech.com/catalog/moyushchie_pylesosy/x4_pro/?offer=836 |