What this solution does
The 'Artekst: Info Block Objects Map with Filter' module places an interactive map of retail locations on a website with a side list and filters.
Customers view a map with all stores. Selecting a country and city in the filter updates the list and map markers without reloading the page. Clicking a marker or store card opens a popup with the address, phone number, and operating hours.
Module Features
Yandex Map
Available themes: standard, gray, dark, night.
Map scale automatically adjusts to displayed markers.
Marker clustering with configurable color and size.
Markers: color selection from a palette, custom HEX code, or upload of a custom SVG icon.
Filters and List
AJAX filtering by country/region and city/settlement. The filter can be disabled in component settings.
Filter label types are configurable: 'Country' or 'Region', 'City' or 'Settlement'.
Four side panel layout options: left, right, overlay-left, overlay-right.
Overlay display mode with configurable background transparency.
The 'Artek: Info Block Object Map with Filter' module provides flexible design configuration without the need for coding. Through the admin panel, users can adjust colors, margins, border radius, and borders for filters, lists, and cards. The module supports hover and active states for cards, customizable border radius for tooltips, and automatic font inheritance from the site template. A custom dropdown filter list is included with individual color settings.
System requirements include PHP 7.4 or higher and the 'Information Blocks' module. A Yandex Maps API key is required, which can be obtained for free at developer.tech.yandex.ru. The component is dynamic and works correctly on sites with Composite Site mode enabled without additional configuration.
General iT can install and configure this module and check how it works on your website.