【延長用】交換用シーツ1ヵ月延長
【延長用】交換用シーツ1ヵ月延長
通常価格
¥1,500 JPY
通常価格
セール価格
¥1,500 JPY
単価
あたり
交換用シーツオプションの1ヵ月単位の延長用メニューです。
ご希望の延長期間に応じて数量を調整して下さい。
※初回ご注文時にオプションを付帯されておられる場合は、延長の際も延長用メニューのご注文が必須となります。ご注意下さい。
$(document).ready(function() {
$('.product-single__thumbnail').on('click', function() {
var $this = $(this);
var newImage = $this.attr('data-image');
$('.product-single__photos').find('.product-single__photo').removeClass('active');
$this.addClass('active');
$('.product-single__featured-image img').attr({
src: newImage,
alt: $this.attr('alt')
});
return false;
});
});
ファイルを保存し、Shopifyストアの管理画面に戻り、商品ページを表示して、商品画像をクリックしてみてください。
このスクリプトは、クリックされた画像の data-image 属性の値を、メインの商品画像の src 属性に設定します。また、選択された画像の alt 属性の値もメインの商品画像に追加します。さらに、クリックされた画像の一覧から active クラスを削除し、クリックされた画像に active クラスを追加することで、選択された画像をハイライト表示します。
$(document).ready(function() {
$('.product-single__thumbnail').on('click', function() {
var $this = $(this);
var newImage = $this.attr('data-image');
$('.product-single__photos').find('.product-single__photo').removeClass('active');
$this.addClass('active');
$('.product-single__featured-image img').attr({
src: newImage,
alt: $this.attr('alt')
});
return false;
});
});
ファイルを保存し、Shopifyストアの管理画面に戻り、商品ページを表示して、商品画像をクリックしてみてください。
このスクリプトは、クリックされた画像の data-image 属性の値を、メインの商品画像の src 属性に設定します。また、選択された画像の alt 属性の値もメインの商品画像に追加します。さらに、クリックされた画像の一覧から active クラスを削除し、クリックされた画像に active クラスを追加することで、選択された画像をハイライト表示します。