サブ画像を登録した商品でも、商品詳細ページでメイン画像を表示させることは可能です。
※1枚目にメイン画像が表示され、2枚目以降にサブ画像が表示されるようになります。
以下の手順で対応してください。
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細
「HTML」欄
欄内にカーソルを一度置いた状態でキーボードの「Ctrl+F」キーを押し、表示される検索窓に
multi
と入力し、Enterキーを押して以下のソースを探してください。
<ul id="goods-img" class="goods-img<{if !$item.multi_image.has_item}> goods-img-single<{/if}>">
<{if $item.multi_image.has_item}>
<{section name=i loop=$item.multi_image.list}>
<li>
<img src="<{$item.multi_image.list[i].image_L}>">
</li>
<{/section}>
<{else}>
<li id="goods-img-basis">
<img src="<{$item.image_L}>" alt="<{$item.name}>">
</li>
<{/if}>
</ul>
<ul id="goods-thumbnail" class="goods-thumbnail">
<{if $item.multi_image.has_item}>
<{section name=i loop=$item.multi_image.list}>
<li>
<a href="" data-slide-index="">
<img src="<{$item.multi_image.list[i].image_L}>">
</a>
</li>
<{/section}>
<{else}>
<li>
<img src="<{$item.image_L}>" alt="<{$item.name}>">
</li>
<{/if}>
</ul>
このソースに、メイン画像とそのサムネイルを表示するためのHTMLを追記してください。
以下の赤字で表示している記述を、ループの開始(section~)の前の位置にコピー&ペーストしてください。
<追記後>
<ul id="goods-img" class="goods-img<{if !$item.multi_image.has_item}> goods-img-single<{/if}>">
<{if $item.multi_image.has_item}>
<li><img src="<{$item.image_L}>" alt="<{$item.name}>"></li>
<{section name=i loop=$item.multi_image.list}>
<li>
<img src="<{$item.multi_image.list[i].image_L}>">
</li>
<{/section}>
<{else}>
<li id="goods-img-basis">
<img src="<{$item.image_L}>" alt="<{$item.name}>">
</li>
<{/if}>
</ul>
<ul id="goods-thumbnail" class="goods-thumbnail">
<{if $item.multi_image.has_item}>
<li><img src="<{$item.image_L}>" alt="<{$item.name}>"></li>
<{section name=i loop=$item.multi_image.list}>
<li>
<a href="" data-slide-index="">
<img src="<{$item.multi_image.list[i].image_L}>">
</a>
</li>
<{/section}>
<{else}>
<li>
<img src="<{$item.image_L}>" alt="<{$item.name}>">
</li>
<{/if}>
</ul>
ペーストできたら保存してください。
1枚目にメイン画像が表示されます。
<関連記事>
【クリエイターモード】テンプレート&moreの商品詳細ページで、サブ画像を登録した商品でもメイン画像を表示させることはできますか。
【クリエイターモード】テンプレートBasicsの商品詳細ページで、サブ画像を登録した商品でもメイン画像を表示させることはできますか。


