【クリエイターモード】テンプレートWabisabiで、「最近チェックした商品」を表示させたいです。方法を教えてください。

「最近チェックした商品」の商品リストを表示するための記述を追加してください。
複数のページ（トップページ、商品詳細ページ、買い物かごページなど）に表示させたい場合は、モジュールを作成すると便利です。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

「モジュール追加」ボタンを押して編集画面にすすみ、モジュールを作成してください。

モジュールID：checked
管理用名称：最近チェックした商品
など、管理しやすい名前を入力

HTML入力欄に以下をコピー＆ペーストして保存してください。

<div class="product-wrap new-product-wrap">
    <h3 class="contents-heading">
        <div class="heading-title">最近チェックした商品</div>
        <div class="heading-sub-title">Checked Items</div>
    </h3>
    <ul class="product-list">
        <{section name=i loop=$recently_item.list max=9}>
        <li class="product-list-item">
            <a href="<{$recently_item.list[i].url}>" class="product-image-link">
                <figure class="product-image-wrap"><img src="<{$recently_item.list[i].image_L}>" alt="<{$recently_item.list[i].name}>"></figure>
            </a>
            <a href="<{$recently_item.list[i].url}>" class="product-name-link">
                <div class="product-caption-wrap">
                    <span class="product-caption"><{$recently_item.list[i].name}></span><br>
                    <span class="product-price">￥<{$recently_item.list[i].price|number_format}>（税込）</span>
                </div>
            </a>
        </li>
        <{/section}>
    </ul>
</div>

「最近チェックした商品」を表示させたいページに、作成したモジュールを表示させるタグを記述することで、「最近チェックした商品」が表示されます。

トップページに表示させたい場合

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

「HTML」欄の、表示させたい位置に以下をコピー＆ペーストしてください。

<!--最近チェックした商品-->
<{$module.checked}>