{{#each products}}
  {{#switch mode }} 
    {{#case 'slide'}}
    <li class="p-slide__item">
      <div class="p-product-card-wrapper--tag">
    {{/case}} 
    {{#case 'col'}}
    <li class="l-col__item">
      <div class="p-product-card-wrapper--tag">
    {{/case}}
    {{#case 'default'}}
    <li class="swiper-slide l-col__item">
      <div class="p-product-card-wrapper--tag">
    {{/case}}
  {{/switch}}
        <a href="{{url}}" class="p-product-card--tag">
          <div class="p-product-card__img">
            <div class="p-product-card__tag">
              <div class="p-product-card__tag__area">
                <div>
                  <span>{{prefecture}}</span>
                </div>
              </div>
            </div>
          </div>
          <div class="p-product-card__figure">
            {{#if listDiscountRate}}
            <div class="p-product-card__figure__sale-points">{{listDiscountRate}}</div>
            {{/if}}
            {{#if listThumb}}
            <img src="{{listThumb}}" alt="{{title}}">
            {{else}}
            <div class="placeholder">
              <img src="{{placeholderPath}}" alt="商品画像はありません">
              <span class="visually-hidden">商品画像はありません</span>
            </div>
            {{/if}}
          </div>
          <div class="p-product-card__info">
            <p class="p-product-card__title">{{title}}</p>
            <div class="p-product-card__price-wrapper">
              {{#if (or
                (ne priceMin compareAtPriceMin) (ne priceMax compareAtPriceMax)
              )}}
                <p class="p-product-card__price--sale">
                  {{#ifCond priceMin '==' priceMax}}
                    {{priceMaxF}}円<span class="p-product-card__price__tax">（税込）</span>
                  {{else}}
                    {{priceMinF}}円〜{{priceMaxF}}円<span class="p-product-card__price__tax">（税込）</span>
                  {{/ifCond}}
                </p>
                <p class="p-product-card__price--original">
                  {{#ifCond compareAtPriceMin '==' compareAtPriceMax}}
                    <s>{{compareAtPriceMaxF}}円</s>
                  {{else}}
                    <s>{{compareAtPriceMinF}}円〜{{compareAtPriceMaxF}}円</s>
                  {{/ifCond}}
                </p>
              {{else}}
                <p class="p-product-card__price">
                  {{#ifCond priceMin '==' priceMax}}
                    {{priceMaxF}}円<span class="p-product-card__price__tax">（税込）</span>
                  {{else}}
                    {{priceMinF}}円〜{{priceMaxF}}円<span class="p-product-card__price__tax">（税込）</span>
                  {{/ifCond}}
                </p>
              {{/if}}
            </div>
            {{#if listPoint}}
              <p class="p-product-card__points">
                {{listPoint}}
              </p>
            {{/if}}
            {{#ifCond shippingId '==' 99}}
              <p class="p-product-card__shipping-fee">送料無料</p>
            {{/ifCond}}
            {{#if campaignPricePeriod}}
              <p class="p-product-card__sales-date">{{campaignPricePeriod}}</p>
            {{/if}}
            {{#if promotionTag}}
            <ul class="p-product-card__promotion-words">
              {{#each promotionTag}}
                <li class="p-product-card__promotion-words__item">{{this}}</li>
              {{/each}}
            </ul>
            {{/if}}
            {{#if shopName}}
            <p class="p-product-card__shop">
              <span>{{shopName}}</span>
            </p>
            {{/if}}
          </div>
        </a>
  {{#switch mode }} 
    {{#case 'slide'}}
      </div>
    </li>
    {{/case}} 
    {{#case 'col'}}
      </div>
    </li>
    {{/case}}
    {{#case 'default'}}
      </div>
    </li>
    {{/case}}
  {{/switch}}
{{/each}}