Product Widget Update: Dynamic «append» Mode

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.