【モバイルショップ】その他画像表示対応
【モバイルショップ】その他画像表示対応
このページではモバイルショップへのその他画像表示対応に関する概要と旧テンプレートへの追加方法を説明しています。
2007年7月5日以前にダウンロードされたモバイルテンプレートには、【 商品その他画像 】の表示が実装されていません。
【 商品その他画像 】の表示に対応する場合は、以下の手順に従いテンプレートの編集を行ってください。
2007年7月5日以前にダウンロードされたモバイルテンプレートには、【 商品その他画像 】の表示が実装されていません。
【 商品その他画像 】の表示に対応する場合は、以下の手順に従いテンプレートの編集を行ってください。
モバイルショップ【 商品その他画像 】の表示とは
PCショップにて商品詳細ページに表示される【商品その他画像】が、モバイルショップでも表示可能となりました。
モバイルショップ用のその他画像は、モバイル用商品詳細画像と同様に、商品登録時に自動作成されます。
下の図の通り、商品詳細画像の下に、その他画像へのリンクが追加となります。
画像番号をクリックすると、詳細画像が表示されます。
モバイルショップ用のその他画像は、モバイル用商品詳細画像と同様に、商品登録時に自動作成されます。
下の図の通り、商品詳細画像の下に、その他画像へのリンクが追加となります。
画像番号をクリックすると、詳細画像が表示されます。
機能を追加するには
【対応方法】
以下の二通りございます。どちらかの対応をお願いします。
1.再度モバイルショップのテンプレートを追加する 【※推奨】
2.テンプレートの該当箇所を修正する
テンプレートの編集を行う場合は、モバイルショップテンプレートの【商品詳細画面html】を編集します。
どのテンプレートでも追記箇所及び内容は同じです。
どのテンプレートでも追記箇所及び内容は同じです。
【１】モバイルショップテンプレート【商品詳細HTML】内の、 <!-- 商品の説明 --> という文字列を探す
【２】<!-- 商品の説明 --> という文字列の上に、以下のその他画像表示用のHTMLソースを加える
▼追加するHTMLソース
<!-- その他画像 -->
<{if $product.ot_num > 0}>
■画像
<{if $product.ot1_url != ""}><a href="<{$product.ot1_url}>">１</a> <{/if}>
<{if $product.ot2_url != ""}><a href="<{$product.ot2_url}>">２</a> <{/if}>
<{if $product.ot3_url != ""}><a href="<{$product.ot3_url}>">３</a><{/if}>
<br><br>
<{/if}>
<{if $product.ot_num > 0}>
■画像
<{if $product.ot1_url != ""}><a href="<{$product.ot1_url}>">１</a> <{/if}>
<{if $product.ot2_url != ""}><a href="<{$product.ot2_url}>">２</a> <{/if}>
<{if $product.ot3_url != ""}><a href="<{$product.ot3_url}>">３</a><{/if}>
<br><br>
<{/if}>
画面下の「更新」ボタンをクリックし、編集したテンプレートを保存してください。以上で対応は完了です。
※上記タグを変更する位置が分からない場合は、再度ご利用のテンプレートをを追加していただき、上記変更後のタグが記述されている位置をご確認ください。
この記事に関するキーワード
2017.07.31