可能有大量的WooCommerce插件,您可以pay for或获取for free。但是他们可能无法完全满足您的要求。
如果您想自己制作,可以使用任何JavaScript carrousel库。
-
您需要在页面中循环播放以显示所需的产品(Exemple)
-
使用JavaScript库(例如:SlickJs)定位从您的后端生成的产品详情
-
当用户单击添加到购物车按钮
时,可以通过JavaScript管理数量和尺寸或处理这些设置
例如,
SlickJs应该允许您的用户在幻灯片内进行交互。如果在幻灯片内部单击效果不佳,则可以禁用draggable
设置。