Hello,
On mobile devices with touchscreens, elements like product swatches are activated using the “touchstart” event. Unfortunately, we cannot modify the scrolling behavior you described because, in this case, there is no distinction between a touch for scrolling and a touch for selecting a variation.
Any other possible manipulations with swatch activation (e.g., using JavaScript) could lead to unintended side effects, such as misclicks or the need for double-tapping when users intentionally try to select a variation.
As an alternative to minimize this effect, we recommend reducing the swatch size on mobile. This way, swatches won’t take up the entire screen at certain points, allowing users to scroll without accidentally triggering a variation selection. If this solution works for you, we can prepare the appropriate custom code.
Best Regards,
.
