2023.03.31
【らくうるカート】バリエーションを変えた時に1枚目にスライドさせる方法
らくうるカートでバリエーションを変えた時に1枚目にスライドさせたい
らくうるカートで商品画像2枚目以降選択時にバリエーションを変えた時に1枚目の商品画像にスライドを移動させたい場合の備忘録です。
具体的な動きは下の動画のような動きになります。
具体的な動きは下の動画のような動きになります。
実際のコード
<script>
(function($){
{% if shopBlckTypeId == 3 %} // 商品詳細ページのみ
$('form').on('change', 'input[name="variationId"]:radio', function() { // バリエーションが変更されたタイミングで
$('.item-detail-thumb-photo').eq(0).trigger('click'); // サムネイルの1枚目をクリックさせる
});
{% endif %}
})(jQuery);
</script>上記のコードをらくうるカート管理画面にログイン後
デザイン > マイテンプレート > 編集（使用中のテンプレート） > HTML編集設定 > 共通部分
の下部 jQueryを読み込んだ後に記述して商品ページをご確認ください。