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_afterWhen 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.