テンプレート【Minimum】のトップページにはおすすめ商品とスペシャル商品は初期値に記述されていませんが、
記述を追加することにより表示可能です。
※商品管理 / 商品一覧 / 商品登録 「ショップでの表示場所」にておすすめ商品、スペシャル商品の設定をおこなってください。
関連記事:「新商品・おすすめ商品・スペシャル商品」に商品を表示する方法を教えてください。
- - - - - - - - - - - - - - - - - - - -
新商品と同様の形式で表示する場合は下記のソースコードの追記をおこなってください。
ショップデザイン / テンプレート選択・編集 / クリエイターモード / トップ
「HTML」欄 の末尾付近
</section>
★
</div>
<{$module.footer}>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="<{$page.javascript}>"></script>
<{$makeshop.body_bottom}>
</body>
</html>★の箇所にそれぞれ表示させたいソースコードを追記してください。
<おすすめ商品>
<section class="index-product-list recommend_item">
<ul class="product-list">
<{section name=i loop=$recommend_item.list max=9}>
<li class="product-item <{if $recommend_item.list[i].is_soldout}>outstock<{else}>instock<{/if}>"><a href="<{$recommend_item.list[i].url}>">
<figure class="product-item-image-wrap">
<img src="<{$recommend_item.list[i].image_M}>" alt="<{$recommend_item.list[i].name|escape:html}>" class="product-item-image">
<{if $recommend_item.list[i].is_soldout}><span class="status-soldout">Soldout</span><{/if}>
<{if $recommend_item.list[i].is_sale}>
<div class="badge badge-sale">
<span>SALE</span>
</div>
<{/if}>
</figure>
<p class="product-item-name"><{$recommend_item.list[i].name|escape:html}></p>
<div class="product-item-price-wrap">
<{if $recommend_item.list[i].is_soldout}>
<del class="product-item-price<{if $recommend_item.list[i].is_sale}> product-item-sale-price<{/if}>">¥<{$recommend_item.list[i].price|number_format}></del>
<{else}>
<span class="product-item-price<{if $recommend_item.list[i].is_sale}> product-item-sale-price<{/if}>">¥<{$recommend_item.list[i].price|number_format}></span>
<{/if}>
<{if $recommend_item.list[i].is_sale}><span class="sale-discount product-item-sale-discount"><{$recommend_item.list[i].sale_rate}>%OFF</span><{/if}>
<{if $recommend_item.list[i].is_soldout}><span class="product-item-soldout">SOLD OUT</span><{/if}>
</div>
</a>
</li>
<{/section}>
</ul>
</section><スペシャル商品>
<section class="index-product-list special_item">
<ul class="product-list">
<{section name=i loop=$special_item.list max=9}>
<li class="product-item <{if $special_item.list[i].is_soldout}>outstock<{else}>instock<{/if}>"><a href="<{$special_item.list[i].url}>">
<figure class="product-item-image-wrap">
<img src="<{$special_item.list[i].image_M}>" alt="<{$special_item.list[i].name|escape:html}>" class="product-item-image">
<{if $special_item.list[i].is_soldout}><span class="status-soldout">Soldout</span><{/if}>
<{if $special_item.list[i].is_sale}>
<div class="badge badge-sale">
<span>SALE</span>
</div>
<{/if}>
</figure>
<p class="product-item-name"><{$special_item.list[i].name|escape:html}></p>
<div class="product-item-price-wrap">
<{if $special_item.list[i].is_soldout}>
<del class="product-item-price<{if $special_item.list[i].is_sale}> product-item-sale-price<{/if}>">¥<{$special_item.list[i].price|number_format}></del>
<{else}>
<span class="product-item-price<{if $special_item.list[i].is_sale}> product-item-sale-price<{/if}>">¥<{$special_item.list[i].price|number_format}></span>
<{/if}>
<{if $special_item.list[i].is_sale}><span class="sale-discount product-item-sale-discount"><{$special_item.list[i].sale_rate}>%OFF</span><{/if}>
<{if $special_item.list[i].is_soldout}><span class="product-item-soldout">SOLD OUT</span><{/if}>
</div>
</a>
</li>
<{/section}>
</ul>
</section>上記には新商品同様、「おすすめ商品」などのタイトルが入っていないため、必要な場合は下記のように記述してください。
<span class="section-title-deco">おすすめ商品</span>


