About the project

NovaSlav is a manufacturer and wholesale supplier of metal heating stoves, stoves for saunas and baths, fireplaces and related equipment. The site was developed based on an existing design - the layout and all functionality were performed by us from scratch. Platform: WordPress + WooCommerce.

Services provided on the project

• Website development (layout, backend)

Goals and tasks set by the client

• Effectively present the company's business on the Internet: a product catalog with detailed product pages, information about services, a blog and contacts.
• Implement a complex system of options for each product with instant automatic cost calculation.
• Create a closed B2B zone for dealers: registration only through the administrator, personal account, order processing and tracking.
• Interactive map of dealers throughout Ukraine with filtering by regions and cities.
• Multilingualism: the site in three languages ​​- Ukrainian, Russian and English.
• Prepare clear instructions for self-administration of the site after the project is submitted.

What was included in the development

Layout

We created the site based on the provided design. The layout is adaptive and cross-browser - correctly displayed in Chrome, Firefox, Opera, Safari, IE and other common browsers, as well as in desktop and mobile versions.

Structure and pages

All planned pages and templates have been implemented:

• main page with a slider, category block (3×3), highlighted products, service block, blog news and FAQ;
• catalog and nine product categories (sauna and bath heaters, Canadian and heating and cooking stoves, heating and industrial stoves, fireplaces, stove-grill-boiler, accessories);
• product page with full functionality (described separately below);
• services and individual service pages;
• page "Our dealers" with an interactive map;
• page "Become a dealer", "About the company", blog and article page;
• contacts with a company location map;
• personal dealer account, shopping cart, pop-up order processing.

The header contains a logo, clickable phones, a catalog button with a drop-down list of categories, the main menu and a link to the account and shopping cart. Footer - extended navigation with a list of categories, services, information pages and contacts. "Breadcrumbs" are implemented on all pages.

Product page and options system

The key feature of the site is a complex system of options on each product card. Selecting one parameter can automatically open or close further options, and the cost is calculated instantly with each change.

The product page contains:

• a slider with images and a separate caption for each slide;
• a drop-down list "Size / Capacity / Cost";
• a list of related options with selection fields and instant calculation of the final cost;
• a button with a link to the product drawing (opens in a new tab);
• three tabs: "Technical characteristics" (a table of standard sizes with filling in via the admin), "Description" and "Reviews" with the ability to leave a review;
• a block of recommended products (selected by the administrator).

Map of dealers

The page "Our dealers" is built on an interactive map of Ukraine with highlighted regions. After clicking on any region below the map, a list of dealers from this region is displayed - with the name, address and contacts, grouped by city. Adding and editing dealers is done through the admin panel.

Dealer Dashboard and order system

Registration on the site is available only through the administrator - self-registration is closed. An authorized dealer can view and edit personal data and address, track order history, repeat orders or add products from history directly to the cart.

When placing an order by an authorized dealer, the order is recorded in the admin panel and sent to the customer's email. For unauthorized users — a pop-up with a proposal to authorize or leave contact details.

Multilingualism

The site is fully implemented in three languages: Ukrainian, Russian and English. All content — menus, pages, product cards, options — is managed separately for each language through the admin panel.

Instructions for the administrator

After the development was completed, a detailed step-by-step instruction was prepared for self-administration of the site: adding and editing products, managing options, dealers, a blog and other content. The instruction allows the client to completely independently manage the site without involving developers.

Result

The client received a full-fledged B2B manufacturer's site, adapted to the specifics of wholesale sales: with a closed area for dealers, a complex product configuration system with automatic cost calculation and an interactive map of the sales network throughout Ukraine. Thanks to the prepared instruction, the client can independently manage all the content of the site.