Аккаунт в General iT
Войдите или создайте аккаунт для управления услугами в панели.
MODULE FOR 1C-BITRIX
Infograd web studio
The Interactive Markers module enables placing clickable markers on images. Clicking a marker opens a brief tooltip, while a modal window provides detailed information. The 'Exploded View' feature is designed to clearly display the structure of a product or mechanism in a disassembled state. Markers can be placed on these diagrams to describe individual components.
The Interactive Markers module enables placing clickable markers on images. Clicking a marker opens a brief tooltip, while a modal window provides detailed information.
The 'Exploded View' feature is designed to clearly display the structure of a product or mechanism in a disassembled state. Markers can be placed on these diagrams to describe individual components. Each marker can be linked to a product card containing a description and a button to navigate to the item.
Implemented capabilities:
- Adding interactive markers to images via a graphical editor.
- Configuring brief descriptions displayed in tooltips.
- Creating detailed descriptions in modal windows with support for text, images, and video.
- Adaptive scaling of images with markers for optimal display on desktops and mobile devices.
- Support for two operating modes: standard markers and exploded views.
The module is used to build custom solutions, including visualizations of a company's operational geography.
The 'Interactive Image Markers + Exploded Views' module enables the creation of interactive markers on images, including exploded views and part detail diagrams. The functionality supports order placement via the shopping cart.
Use cases include detailing components for medical furniture manufacturers and visualizing routes for pleasure boats.
Update plans: release of version 2.0 with an improved interface for flexible module configuration, implementation of over 25 fixes identified in 2024, and publication of a new guide on design customization. A settings section for solution customization within the Bitrix administrative panel is also planned.
Development roadmap: release of a dedicated exploded views module designed to work with product catalogs and items in the 'Small Business' and 'Business' editions, with basic adaptation for the Bitrix cart. Plans also include adapting the module to most templates available in the Bitrix marketplace and developing a version for creating markers based on Yandex Maps.
Module guide: the current version is v.1. A new version of the guide is currently in development.
General iT can install and configure this module and check how it works on your website.
UPDATE HISTORY
The following changes have been made:
Fixed issues with AJAX script loading.
Fixed the script logic for displaying the markers section in the admin panel when the background image is specified as SVG.
The following changes have been made:
Scaling settings for mobile and desktop versions have been fully separated. Scaling can now be enabled separately for the mobile version.
The following changes have been made:
Fixed an error when creating a new section in the information block with markers, related to memory overload.
ATTENTION!
This update includes changes to the logic of some settings for the "Standard Markers" mode; the logic for the "Exploded Schemes" mode remains unchanged.
Before installing the update, you MUST perform a full backup of the site to enable reverting changes.
The following changes have been made:
Fixed errors with price display in the template.
Introduced the concept of a "Popup Window" - a window that appears when clicking on a marker and contains an image, a brief description, and a "Details" button.
Changed the logic for displaying the "Details" button in the popup window and modal window. Now you can flexibly control its display.
Added a new marker property "Icon" for attaching an SVG icon. Now you can upload a unique SVG icon for each individual marker.
The property "Open only modal window" has been replaced by several other properties to implement more flexible and extensive functionality.
In the future, the module's logic will be separated based on the selected module working scheme:
Standard Markers
Exploded Schemes
ATTENTION!
Before installing the update, you MUST perform a full backup of the site to avoid data loss.
The following changes have been made:
Adjusted the calculation of maximum height when scaling mode is disabled.
Added a setting for modal windows. Added a custom field for the section to enable the use of custom modal windows.
Added new properties for the label: "Display label title (PC)" and "Display label title (Mobile)".
Implemented a button to clone the exploded-view diagram with all current settings.
Created functionality for temporarily populating the catalog with exploded-view diagrams. Instead of uploading a background image, you can now upload a .pdf document, which will be displayed when rendering the exploded-view diagram.
Fixed the saving of the position number in the admin panel.
ATTENTION!
Before installing the update, you MUST perform a full backup of the site.
The following changes have been made:
Major changes to the visual editor in the administrative part. It is now possible to drag and drop labels and the settings panel using the mouse.
Added the ability to scale the background image.
The following changes have been made:
Fixed errors occurring during module installation in the demo period. Fixed the UF_LABEL_TOTAL custom property import error.
The following changes have been made:
Fixed errors occurring during module installation in the demo period.
The following changes have been made:
1. In the administrative part, on the "Visual Editor" tab, the up and down arrows for moving coordinates were not working.
2. A fix was applied to component.php - there was a problem with caching the component within a component.
3. Fixed an error in the component template.
4. Fixed JS initialization for calling the "snippet code".
ATTENTION!
Before installing the update, you MUST perform a full backup of the site.
After the update, you must clear the cache to apply the template, styles, and script updates.
The following changes have been made:
1. Fixed an issue where clicking on the product list at 75% scale caused the background image to shift/jerk.
2. Implemented centering of the tooltip when clicking on a product from the product list in the table.
3. Modified the onLoadIMarkers event; its processing has been moved to after the main image loads.
4. Added a callback handler to the marker_refresh function after loading.
5. Fixed the tooltip check when opening a marker.
6. Implemented moving the marker title to the opposite side of the marker if it is too long.
7. Fixed crashes when reducing the scale of a vertical image.
8. Fixed marker display when active. If the tooltip is empty, it will not be displayed.
9. Fixed init.js; it has been moved inside "include.php".
10. Moved all calculations to component.php.
11. Enhanced the ability to enable/disable the product table in the explosion diagram mode. Added the option to change its position: right, left, bottom, or off.
12. Fixed errors when installing the module after the demo period ends.
13. Added events: new BX.infograd.marker(node, { ...parameters.. }).on(event, eventHandler);
Where event is the currently available event: init (after marker initialization), showPoint (after opening the marker), showModal (opening the modal window).
eventHandler is the handler function.
14. Fixed adminSecTab.php during marker updates; old data was being overwritten.
15. Fixed calculation errors for minimum zoom size display.
16. Fixed the function where the active marker was not displayed in the mobile version.
17. Fixed the vertical center alignment function.
18. Fixed the issue where the marker does not center when clicked from the list in the table.
19. Other modifications for stable and correct module operation.
The following changes have been made:
1. The scaling algorithm has been revised. It was decided that the smaller side of the image will be considered as 100% scale. After installing the update, scale adjustment may be required.
2. Fixed an error that occurred when installing on PHP 8.1.
The following changes have been made:
1. Fixed an encoding error with Windows-1251 in the administrative panel.
The following changes have been made:
1. Fixed the display of the insertion block on PHP 8.1.
The following changes have been made:
1. Added the BX.infograd.marker_refresh() function, used in JS in cases where interactive markers need to be triggered on the page not immediately or in response to a specific event.
2. For calling markers via a tag, the style connection from the component template has been added.
3. Major fixes have been made to the scaling functionality.
4. Fixed a minor error with operation on PHP 8.1.
Minor corrections have been made.
The following changes have been made:
1. Added image positioning during scaling.
2. Added the ability to change the color of the 'Details' button.
The following changes have been made:
1. Fixed errors related to PHP 8.1 support.
The following changes have been made:
1. A new marker type has been added: "exploded-view diagrams". It allows creating disassembly or detail diagrams with the ability to attach a product to a marker.
2. A significant change related to image scaling and dragging has been implemented.
3. The scripts within the module have been completely rewritten.
4. The standard marker creation template has been changed.
5. Styles have been updated to match the display options: exploded-view diagram or standard marker.
ATTENTION!
Before installing the update, you MUST perform a full backup of the website.
After the update, you must clear the cache to apply the template, style, and script updates.
The following changes have been made:
1. Fixed marker offset during screen scaling.
2. Added a "Visual Editor" tab for markers in the information block section.
3. Added tooltips for custom fields in the information block section.
4. Changed the JS methods to be called via DOM elements and components.
5. Some styles and the standard component template have been changed.
The following changes have been made:
1. Style fixes have been applied.
2. Changes have been made to the infograd.markers component template.
3. A critical display issue with the module prologue has been fixed.
ATTENTION!
After the update, you must clear the cache to apply the template, style, and script updates.
YOUR PROJECT INFRASTRUCTURE
MORE FOR YOUR WEBSITE
SolverWeb
The SolverWeb module implements a user file property with drag-and-drop support. This component is a ported version of a multiple file field, functionally equivalent to the standard element property. Supported data types include UF FILE and UF IMAGE. The solution is free of charge; installation and use are performed at the user's own risk.
Yugadar: Logging Excel exports from the administrative section
The module records all data export operations to Excel from the administrative panel. The system automatically creates a table entry for each file download performed by an administrator. This provides immediate access to a complete action history, allowing you to identify who downloaded which report and when.
VIARDA
The component displays a map of objects with descriptions sourced from InfoBlock elements. The solution includes a demo mode, three adaptive templates, and composite support. Multiple component instances can be placed on a single page. Users can upload custom markers in .ico format.
BEFORE YOU ORDER