选择特定属性后的Woocommerce单一产品变化触发事件-javascript

Question

我有一个网站运行最新版本的Wordpress和Woocommerce。该车间由具有三个属性的可变产品组成：颜色，尺寸和型号。在单个产品页面上，当客户选择所需的产品选项时，网页将基于该页面滚动到产品图片-live example here

我想以某种方式排除/禁用大小变化，因为每次更改大小值时都无须滚动回产品图像，因为颜色和模型值有意义地由图像表示。

比方说，客户X想要一件黑色-小型-金色和银色（模型）T恤，进行选择，页面滚动到相关的产品图片。如果那个人决定改变它的尺寸，或者只是想购买相同（颜色和型号）产品的多个尺寸，则页面将始终回到顶部，显示相同的图像，这毫无意义。

到目前为止的

jQuery代码：

$(".single_variation_wrap").on("show_variation", function(event, variation) {
  event.preventDefault();
  $('html, body').stop().animate({
      scrollTop: $('#primary').offset().top
    },
    1200
  );
});

仅在选择“颜色”和“模型”属性时才应触发scrollTop动作。如果可能，则以某种方式排除大小。