A new option to select manufacturers has been added to the main menu

A new feature is now available in the main menu widget — a dropdown list of manufacturers. This allows users to quickly select a brand and go directly to its products.

Added support for a small icon for Store Categories, Manufacturers, and Collections

In addition to the large icon (displayed on the category page when opened), a separate small icon is now available. This small icon is shown in all menu locations — in the main menu, dropdown menus, and the mobile menu:

• Small icons from the built-in library — available in color and monochrome (masked) SVG versions;
• Custom color can be applied to monochrome SVG icons (via CSS/attribute or through the settings interface);
• Uploading your own icon files is supported in SVG, WEBP, PNG, JPG formats;

This makes it possible for each category, manufacturer, or collection to display a recognizable small icon in menu items, improving navigation and overall usability.

Added the ability to set icons in the main menu

You can now add icons to the main menu — several options are available to easily customize the appearance and improve the usability of menu items:

• Icons from the built-in library — both colored and monochrome (masked) SVG are available;
• You can set a custom color for monochrome SVG icons (via CSS/attribute or the settings interface);
• Uploading your own icons is supported in SVG, WEBP, PNG, JPG formats;

This gives flexibility: use ready-made colored icons for a quick result, or monochrome SVG if you need consistency and the ability to adjust the color to match the site’s theme.

Scroll mode added to Categories and Producers widget

The platform now features a new horizontal scroll mode for the "Categories" and "Producers" widgets. The mode is activated automatically if the widget has the :scroll-9999 parameter, which sets the maximum screen width for enabling the scroll (if the actual screen width is smaller, the mode is activated).

If the screen width is smaller than specified:

• The widget automatically switches to horizontal scroll mode;
• Block widths for categories/producers are calculated including padding and margin across all container levels;
• Drag-scroll works on desktop;
• If the second argument is specified in the parameter (:scroll-9999x3), pagination with the specified number of dots is enabled (3 in this example).

If the screen width is larger than specified:

• Scroll mode is completely disabled;
• The layout returns to standard display;
• Pagination (dots) is removed.

How to enable Scroll mode

1. In the categories or producers widget generator, specify the parameter:
   :scroll-9999 — the screen width below which scrolling is enabled.
2. If needed, add the number of pagination dots using the second parameter:
   :scroll-9999x3 — the number "3" enables pagination with three dots.
3. The script activates automatically on page load.

HTML Example (generated automatically)

<div class="hotengine-categories-list"
     data-scroll-width="9999"
     data-scroll-pagination="3">
    ...
</div>

After that, scrolling and pagination work automatically depending on the screen width and parameters set in the widget.

Additional Spam Protection Added

A new level of spam protection has been implemented in the message sending system. Now, verification is performed not only by detecting links, banned words, or phrases, but also by comparing the text with previously sent messages.

If the system detects repeated or fully identical messages, they are automatically marked as spam. This significantly improves filtering accuracy and prevents mass duplicate mailings.

Added HTML Widget with Tabs (fully HTML without JavaScript)

A new HTML Widget with Tabs has been added on the Hotlist.biz platform. This widget works without additional scripts and allows organizing multiple tabs inside a block.

Each tab can interact with product widgets, providing convenient viewing and navigation.

Product Widget Update: Dynamic «append» Mode

In the Product Widget, the :append mode (adding products to the end of the list when clicking «Show More») now has a new feature: the product block can automatically change its display mode depending on the screen width.

Specifically:

• On mobile devices and smaller screens, the block can switch to scroll or swipe mode with limited width and product scrolling.
• On larger screens, the standard :append mode continues to work, adding products to the end of the list.

The :append mode is activated by parameters, for example :append-900x9999, where:

• 900 — minimum screen width (in pixels) to activate the function;
• 9999 — maximum screen width (optional) until which the function works.

If only the first parameter is specified, e.g., :append-900, the function will be active for screens 900px wide and above.

Now the append mode is more flexible and mobile-friendly, keeping the convenience of adding products and the visual layout of the widget.

Added functional block «Frequently Bought Together»

New JavaScript for Dynamic Creation of the “Product Widget”

A new JavaScript has been added to Hotlist.biz that allows you to create “Product Widgets” dynamically — directly on the page, without manually inserting a standard widget.
You can now load product lists on the fly, apply display parameters, adjust styles, place blocks in specific areas of the page or in popup windows, and enhance them with interactive features.
Script file: /templates/scripts/hotengine-scripts-additional/hotengine-shop-products-list-generated.js

Detailed usage guide: https://hotlist.biz/ru/scripts_guide.html#faq_shop_catalog_page_getproducts_list

With this script, you can quickly generate a dynamic display of products using the “Product Widget” parameters — setting styles, limits, category filters, and other settings.

Examples of design and visual options can be found here: https://blog.hotlist.biz/en/blog/instructions_en/15055.htm

The script simulates the operation of the standard “Product Widget”, ensuring full compatibility with Hotlist events and mechanisms — including product scrolling, styling, and display modes.

---

Example #1 — Related Products in Cart (“Frequently Bought Together”)

Using this script, you can create a “Frequently Bought Together” block that automatically loads related products connected to the items currently in the customer's cart. This is an effective tool for increasing the average order value and customer engagement.

Guide and setup example:
https://hotlist.biz/ru/scripts_guide.html#faq_shop_catalog_page_cart_bought_with

The block can be loaded either in a **popup window** or **within the page content**, allowing you to specify **after which element** or **instead of which element** the product list should appear.

---

Example #2 — Related Products after Adding to Cart

An additional example demonstrates integration with the **Callback function triggered after adding a product to the cart**: https://hotlist.biz/ru/scripts_guide.html#faq_callback_hotengine_cart_plus_after

When the `hotengine_cart_plus_after` event occurs (product added to cart), a popup window automatically opens showing related products — using the same script hotengine-shop-products-list-generated.js.

This approach allows combining different user interaction scenarios — showing relevant products exactly when the customer is ready to buy, enhancing the store’s effectiveness.

Hotlist.biz platform adds management of additional product blocks

The system now offers full management of additional product blocks, allowing flexible configuration of their appearance and behavior directly from the admin panel.

Block «Frequently bought with» — Related products

New display parameters have been added for the related products block. You can now choose one of the following formats:

• Standard list — with the option to load more products by clicking the «Показать ещё» button.
• Standard slider — classic product scrolling format with navigation arrows.
• Slider with swipe effect — modern way to scroll through products using a mouse or touch gestures.
• Scroll mode — a new convenient horizontal scroll format with product loading inside the block without changing its width (products in a single row).

Additionally, for all modes except the first (Standard list with button), you can enable the «Автоширина» option — products automatically adjust to the available space. You can also specify the number of products for initial display (default — 20).

Bottom block — other products from the category

The bottom block now supports flexible display effect configuration. All modes can be enabled except for the Standard list with the «Показать ещё» button. It is also possible to activate the scroll effect.

When using the scroll mode, you can enable pagination, where you can define:

• Initial number of dots — the number of pages displayed when the block loads.
• Number of additional dots — scroll dots that appear as the user navigates forward through products. For example, if the user scrolls forward 6 times and products are available, 6 navigation dots will appear.

The new settings allow you to create a modern, dynamic, and user-friendly storefront interface, increasing engagement and conversion rates.

New Feature in Product Widget — Pagination

We are excited to announce a new feature in the product display widget — pagination. Now you can manage the display of product blocks using dots that indicate the current page and allow quick navigation between pages.

How it works

• If pagination is not specified, the dots are disabled and the block works as before.
• If one or two numbers separated by a comma are specified, pagination is enabled:
  • The first number — default number of dots;
  • The second number — maximum number of dots added when loading more products.

Example parameter

:scroll-768x8x64x3,3

• 768 — minimum screen width at which the function is activated;
• 8 — number of products loaded per scroll;
• 64 — maximum total number of products (0 — unlimited);
• 3 — default number of pagination dots;
• 3 — maximum number of dots added when loading more products (can be left empty if not needed).

Usage

1. The parameter can be set when creating the product widget.
2. Pagination works only in scroll mode.
3. If :append or :carousel parameters are specified, pagination will not be active.
4. On mobile devices, the feature conveniently mimics Swipe and does not take extra space.

Updated Method for Auto-Replacement During Product Import

On Hotlist.biz, the auto-replacement mechanism during product import has been updated. Now you can manage data replacement more flexibly during import.

What's new:

• Fields can be separated by type for replacement.
• Support for multiple types of auto-replacement simultaneously.
• Easy integration with existing import settings.
• Bulk adding of values (can paste from Excel).
• Updated interface for managing replacements in the product table.

Benefits:

• Reduces time required to prepare import data.
• Fewer errors during mass product updates.
• Flexible auto-replacement setup for different categories, manufacturers, and attributes.

The update is now available to all users. To use the new features, simply go to the product import section and set up auto-replacement according to the new rules.

Extended demonstration of the “Product Widget”

We are pleased to announce that the extended demonstration of the “Product Widget” is now available! You can explore the widget’s features in detail, view different product display options, and customize the block to suit your needs.

Check out the demonstration at the link: Extended demonstration of the “Product Widget”

Scroll function added to Product Widget

We present a updated way to display products in store widgets — now the standard product list block can be replaced with a scroll block with swipe and auto-loading of next products.

How the new feature works:

• The standard product block is replaced with a scroll block (Swipe imitation for mobile devices and convenient mouse scroll on desktop).
• When reaching the second-to-last product, the next products are automatically loaded without reloading the page.
• The feature saves screen space and makes product browsing smoother and more convenient.

Block configuration:

The product block is replaced when the specified parameters are set, for example: :scroll-768x8x64, where:

• 768 — minimum screen width for the feature to activate;
• 8 — number of products loaded per fetch;
• 64 — maximum number of products in the block (0 — unlimited).

Recommendations for use:

• Enable :auto_width — auto-width, so the number of displayed cards adjusts automatically to the block width.
• Enable :swipe — Swipe effect for convenient scrolling by finger or mouse.
• Enable :scroll-768x8x64 — replace standard display with scroll block on mobile devices to save space and remove navigation buttons.
• Enable :lazy-0 — accelerated image loading for faster page performance.

User benefits:

• Saves space on mobile devices.
• Smooth product scrolling with auto-loading.
• Ability to automatically adjust the number of cards to screen width.
• Compatibility with existing widget styles and scripts.

With this new feature, your widgets will become even more convenient and modern, and browsing products will be more interactive and faster.

Swipe effect added for product and article blocks.

Now in our product widgets there is a swipe effect, activated using the code :touch in the block settings.

• Swipe products with your finger on mobile devices or with the mouse on desktop.
• Smooth scrolling animation without “sticking” or accidental triggers.
• Respects cart buttons, favorites, spinners, and links — swipe does not interfere with their use.
• Text selection and hover effects are disabled during swipe for better user experience.

Example:

templatedemo437544.hotlist.biz

New Setting: Display List of Child Subcategories

A new feature has been added to the Hotlist.biz platform — you can now control the display of child subcategories and specify the number of subcategories displayed.

This setting can be set:

• 📂 In the "General Settings" tab "Shop → Categories";
• 🛠️ Individually for each store category.

Now you can easily control how many subcategories to show to users, making your store interface more user-friendly and visually appealing.

Example: if you specify 10, only 10 child subcategories will be shown on the category page, even if there are more.

Use this setting to optimize category display. and improve your store navigation! 🌟

Image Display Added in Product Variants

A new image display option for product variants has been added to the site. Now, when selecting a product option, the corresponding thumbnail is automatically shown next to each item, making the selection process more visual and convenient for users.

Added HTML Widget: Example of a Mosaic Block with Text and Image

This code allows you to insert a responsive block with text and an image anywhere on the website. If multiple blocks are placed one after another, they will automatically arrange in a chessboard pattern, creating a mosaic effect.

New Feature: Split product block into two parts (when viewing product list).

We added the ability to display product blocks in the list as two columns: image on one side, text and data on the other. This format allows creating a «Mosaic» display style.

Available options:

• 0 – Disabled
• 1 – Enabled
• 2 – Enabled + Title above image
• 3 – Enabled + Title above image + Icons above image
• 4 – Enabled + Icons above image

To display products in a staggered order (Mosaic), add the following code in the design editor, under the «CSS Styles» tab:

.hotengine-shop-products-mosaic-sides .hotengine-shop-product-list-block:nth-child(even) {
  flex-direction: row-reverse;
}

This new feature allows more flexible customization of the product block appearance and improves the visual presentation of your catalog.

New feature: Page type selection for Schema.org

A new option has been added to the admin panel that allows you to choose the page type for Schema.org. The option is available only for pages and articles.

This helps search engines better understand the site structure and index the content correctly.

Available page types:

• WebPage – General page. Used for any page without specific content.
• Article – Article. For publications, news, blog posts.
• BlogPosting – Blog post. For pages with blog entries.
• NewsArticle – News article. For news publications.
• AboutPage* – About us page. Requires manual filling of headline, author, possibly image.
• ContactPage* – Contact page. It is recommended to add headline and author.
• CollectionPage* – Collection page of products or content. Requires headline and author.
• ProfilePage* – User/author profile page. Requires headline and author.

Example in HTML code:

<div id="page_content" itemscope itemtype="https://schema.org/WebPage">...</div>

The option can be set when creating or editing a page or article.