[戻る]
No.7602

オーダーメイドオプションに登録した画像の表示について

わすさん  投稿日:2025/08/04(Mon) 03:12
key

オーダーメイドオプションの選択方法がプルダウン、ラジオボタン、チェックボックス等でオプション商品に画像を登録した場合、
商品詳細ページは、その画像をクリックすれば自動でlightboxによる拡大画像の表示がされるようになると思いますが、
選択方法を説明文のみにして画像を掲載した場合にもlightboxによる拡大表示をおこないたいのですが、HTMLの記述の追加でできないでしょうか。

Re: オーダーメイドオプションに登録した画像の表示について

おたすけマイショップさん  2025/08/04(Mon) 15:41 No.7604
key

商品説明文欄の画像をクリック時にlightboxによる拡大表示を行う場合、以下の手順で可能です。

1.商品管理>商品一覧>各商品の[編集(鉛筆マーク)]を開く

2.「商品説明文」入力欄の[HTMLモードに切り替える]をクリック

3.以下のコードを追加する

  <a href="画像URL" data-lightbox="lbimage1"><img src="画像URL"></a>

4.[保存]する


または以下手順でも可能です。
1.商品管理>商品一覧>各商品の[編集(鉛筆マーク)]を開く

2.「商品説明文」入力欄の[画像/リンク]をクリック

3.「画像/リンク一覧」で表示する画像を登録

4.「商品説明文」入力欄の[HTMLモードに切り替える]をクリック

5.以下のように画像のタグ(<img src="画像URL">)前後を<a>タグで囲うコードを追加する

  <a href="画像URL"><img src="画像URL"></a>

6.以下のように<a>タグ内に「 data-lightbox="lbimage1"」を追加

  <a href="画像URL" data-lightbox="lbimage1"><img src="画像URL"></a>

7.[保存]する


Re: オーダーメイドオプションに登録した画像の表示について

わすさん  2025/08/05(Tue) 11:36 No.7606
key

ありがとうございます。
できました。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』