※2026/06/29現在の内容です。
■ 対象テンプレート/対象ページ
テンプレート【Pulsefit】、テンプレート【Baycross】の商品詳細ページ
■ 発生している現象
・商品詳細ページのサブ画像
画像が切り替わらない(連動しない)状態になっている。
・SKU(カートボタン付近の動作)
カートの動作(選択や投入など)が正常に機能しない状態になっている。
■ 解決方法
表示に必要なcssとjs(JavaScript)のバージョンの固定をおこなうことで修正可能です。
以下の手順で2箇所の変更をおこなってください。
作業の前にバックアップを保管し、元の状態に戻せるように準備したうえで編集をおこなってください。
よくある質問:【クリエイターモード】デザインセット(ソースコード)をバックアップする方法を教えてください。
編集画面:
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細「HTML」欄
手順1)CSSの差し替え
「HTML」入力欄内に一度カーソルを置いた状態でキーボードの Ctrl と F キーを同時に押し、表示される検索窓に
https://unpkg.com/swiper/swiper-bundle.min.css
と入力(コピー&ペースト)し、キーボードの Enter キーを押して以下の記述を見つけてください。
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
こちらを下記のCSSに差し替えてください。
<link rel="stylesheet" href="https://unpkg.com/swiper@8.4.7/swiper-bundle.min.css">
手順2)JSの差し替え
「HTML」入力欄内に一度カーソルを置いた状態でキーボードの Ctrl と F キーを同時に押し、表示される検索窓に
https://unpkg.com/swiper/swiper-bundle.min.js
と入力(コピー&ペースト)し、キーボードの Enter キーを押して以下の記述を見つけてください。
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
こちらを下記のCSSに差し替えてください。
<script src="https://unpkg.com/swiper@8.4.7/swiper-bundle.min.js"></script>
上記2箇所の編集後、保存ボタンを押しショップページに反映してください。


