【クリエイターモード】テンプレート&moreの商品詳細ページで、サブ画像を登録した商品でもメイン画像を表示させることはできますか。

サブ画像を登録した商品でも、商品詳細ページでメイン画像を表示させることは可能です。

以下の手順で対応してください。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細

「HTML」欄

欄内にカーソルを一度置いた状態でキーボードの「Ctrl＋F」キーを押し、表示される検索窓に

multi

と入力し、Enterキーを押して以下のソースを探してください。

<!-- 複数商品画像 -->
    <!-- 登録あり -->
    <ul class="item-image-list">
        <{section name=i loop=$item.multi_image.list}>
            <li class="product-item-image-wrap">
                <img src="<{$item.multi_image.list[i].image_L}>" alt="<{$item.name}>" class="product-item-image modal-image">
            </li>
        <{/section}>
    </ul>
    <ul class="item-image-thumb">
        <{section name=i loop=$item.multi_image.list}>
            <li class="product-item-image-wrap">
                <img src="<{$item.multi_image.list[i].image_S}>" alt="<{$item.name}>" class="product-item-image">
            </li>
        <{/section}>
    </ul>

このソースに、メイン画像とそのサムネイルを表示するためのHTMLを追記してください。

以下の太字で表示しているソースを、ループの開始（section～）の前の位置にコピー＆ペーストしてください。

＜追記後＞

<!-- 複数商品画像 -->
    <!-- 登録あり -->
    <ul class="item-image-list">		
        <li class="product-item-image-wrap"><img src="<{$item.image_L}>" alt="<{$item.name}>" class="product-item-image modal-image"></li>
        <{section name=i loop=$item.multi_image.list}>
            <li class="product-item-image-wrap">
                <img src="<{$item.multi_image.list[i].image_L}>" alt="<{$item.name}>" class="product-item-image modal-image">
            </li>
        <{/section}>
    </ul>
    <ul class="item-image-thumb">
        <li class="product-item-image-wrap"><img src="<{$item.image_L}>" alt="<{$item.name}>" class="product-item-image"></li>
        <{section name=i loop=$item.multi_image.list}>
            <li class="product-item-image-wrap">
                <img src="<{$item.multi_image.list[i].image_S}>" alt="<{$item.name}>" class="product-item-image">
            </li>
        <{/section}>
    </ul>	

ペーストできたら保存してください。
1枚目にメイン画像が表示されます。