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.