A new website for one of the leading radiator producers in Europe
Project type
New website
Industry
Construction
Technologies
Drupal
Vue.jsScope of work
Web development, support and maintenance
Key Project Aspects
- CSV product importer
- Configurable Google Maps
- Search engine based on Search API
- Animated sections on the website
About the Client
HBH Holding supports the network of installation wholesalers in Poland. COSMO is a project created as part of the company. The brand is known throughout Europe and is famous for building radiators of various types. Its goal is to provide the highest-quality products, designed with the environment in mind.
The Challenge
The client wanted us to build five websites. COSMO is one of them. We had to prepare everything from scratch based on the provided graphic designs.
The Goal
The client needed a solid content management system with extensive configuration and customization options. Our goal was to create a website based on the latest version of Drupal - 10. The project’s crucial element was building interactive maps with sales points search.
The Solution
The website is clear and intuitive for the users and administrators. We facilitated the process of adding product information, including:
- names,
- parameters (width, length, depth, type),
- technical specification.
For this purpose, we prepared a product importer that collects data from CSV files and puts them into the product fields. Thanks to this, the client does not have to worry about downtime – the importer can be launched any time and works in the background.
The second important element is a map with wholesalers and stores. We created it using Vue.js. The client can edit and add additional points in the Drupal panel. This way, they can quickly manage locations.
Solution Details
Locations Importer
The Feeds module helped us import warehouse locations from CSV files to Drupal entities. Thanks to this, the client can easily add additional points.
Product Importer
We based the product importer on the database processes and Migration API. Previously, CSV files contained thousands of lines without IDs, which made it impossible to easily import data into products. Our solution aimed to upload the files into a temporary table using a database operation, and then, thanks to ETL data transformation, process them into products.
Interactive Vue Applications
Integration with Google Maps allowed us to dynamically present locations on the map. We combined the search engine and the map into one application so that after changing the sorting criteria, the map dynamically adapts to the settings.
Extensive Downloadables List
We used the Views module to create a view of downloadable files. Clients can filter by file type and product. After clicking the selected document, the file downloads automatically.
Animated Sections
When scrolling, the user can see blocks appearing one by one on the website. We achieved this effect using the Animate on Scroll JavaScript library. When editing the page, the client can set the animation type, its time, or delay.
The Effects
Clear website with various user-oriented facilities
The client expected our full commitment to the project. What effects did we achieve?
Flexible content management system.
Intuitive options for importing data to Drupal.
Configurable Google Maps.
Fully editable pages enabling animations.
Clear presentation of the company’s offer and sales points.
Statistics
~ 3
9
+ 45000
3
Are you looking for Drupal experts?