<{if $favorite_num == 0 && $history_num == 0}>
  <div class="c-section">
    商品が登録されていません。
  </div>
<{else}>
  <!-- お気に入り商品 -->
  <{if $favorite_num != 0}>
  <div class="c-contents">
    <div class="c-heading">
      <div class="c-heading__left">
        <h2 class="c-heading-ttl">お気に入り商品</h2>
      </div>
    </div>
    <ul class="c-item-list">
    <{section name=num loop=$favorite}>
      <li class="c-item-list__item">
        <a href="<{$favorite[num].link_url}>">
          <div class="c-item-list__img">
          <{if $favorite[num].img_url != ""}>
            <img src="<{$favorite[num].img_url}>" alt="<{$favorite[num].name|escape:'html'}>" />
          <{else}>
            <img src="https://img.shop-pro.jp/tmpl_img/86/no-image.jpg" alt="<{$favorite[num].name|escape:'html'}>" />
          <{/if}>
          </div>
          <div class="c-item-list__txt">         
            <div class="c-item-list__ttl">
              <{$favorite[num].name}>
            </div>
            <{if !$favorite[num].soldout_flg}>
            <div class="c-item-list__price<{if $members_login_flg && $favorite[num].discount_flg}> is-discount<{/if}>">
              <{* 販売価格（ログイン時は会員価格） *}>         
              <{$favorite[num].price}><{if $favorite[num].option_price.min != $favorite[num].option_price.max}>～<{/if}>
              <{* 割引率（ログイン時、通常販売価格と会員価格が異なる場合のみ） *}>
              <{if $members_login_flg && $favorite[num].discount_flg}><span class="c-item-list__discount"><{$favorite[num].discount_rate}>OFF</span><{/if}>
            </div>
            <{* 通常販売価格（ログイン時、通常販売価格と会員価格が異なる場合のみ） *}>
            <{if $members_login_flg && $favorite[num].discount_flg}>
            <div class="c-item-list__price is-strikethrough">
              <{$favorite[num].regular_price}><{if $favorite[num].option_price.min_regular != $favorite[num].option_price.max_regular}>～<{/if}>
            </div>
            <{/if}>
            <{else}>
            <{* 売り切れの表記 *}>
            <div class="c-item-list__price is-soldout">
              SOLD OUT
            </div>
            <{/if}>
            <{* お気に入り追加ボタン *}>
            <div class="c-btn-favorite">
              <button type="button" <{favorite_button_attribute added_class="is-added" product_id=$favorite[num].id}>>
                <svg role="img" aria-hidden="true"><use xlink:href="#icon-heart"></use></svg>
              </button>
            </div>
          </div>
        </a>
      </li>
    <{/section}>
    </ul>
  </div>
  <{/if}>
  <!-- //お気に入り商品 -->
  
  <!-- 最近チェックした商品 -->
  <{if $history_num != 0}>
  <div class="p-history c-section">
    <div class="c-heading">
      <div class="c-heading__left">
        <h2 class="c-heading-ttl">最近チェックした商品</h2>
      </div>
    </div>
    <ul class="c-item-list">
    <{section name=num loop=$history}>
      <li class="c-item-list__item">
        <a href="<{$history[num].link_url}>">
          <div class="c-item-list__img">
          <{if $history[num].img_url != ""}>
            <img src="<{$history[num].img_url}>" alt="<{$history[num].name|escape:'html'}>" />
          <{else}>
            <img src="https://img.shop-pro.jp/tmpl_img/86/no-image.jpg" alt="<{$history[num].name|escape:'html'}>" />
          <{/if}>
          </div>
          <div class="c-item-list__txt">         
            <div class="c-item-list__ttl">
              <{$history[num].name}>
            </div>
            <{if !$history[num].soldout_flg}>
            <div class="c-item-list__price<{if $members_login_flg && $history[num].discount_flg}> is-discount<{/if}>">
              <{* 販売価格（ログイン時は会員価格） *}>  
              <{$history[num].price}><{if $history[num].option_price.min != $history[num].option_price.max}>～<{/if}>
              <{* 割引率（ログイン時、通常販売価格と会員価格が異なる場合のみ） *}>
              <{if $members_login_flg && $history[num].discount_flg}><span class="c-item-list__discount"><{$history[num].discount_rate}>OFF</span><{/if}>
            </div>
            <{* 通常販売価格（ログイン時、通常販売価格と会員価格が異なる場合のみ） *}>
            <{if $members_login_flg && $history[num].discount_flg}>
            <div class="c-item-list__price is-strikethrough">
              <{$history[num].regular_price}><{if $history[num].option_price.min_regular != $history[num].option_price.max_regular}>～<{/if}>
            </div>
            <{/if}>
            <{else}>
            <{* 売り切れの表記 *}>
            <div class="c-item-list__price is-soldout">
              SOLD OUT
            </div>
            <{/if}>
            <{* お気に入り追加ボタン *}>
            <div class="c-btn-favorite">
              <button type="button" <{favorite_button_attribute added_class="is-added" product_id=$history[num].id}>>
                <svg role="img" aria-hidden="true"><use xlink:href="#icon-heart"></use></svg>
              </button>
            </div>
          </div>
        </a>
      </li>
    <{/section}>
    </ul>
  </div>
  <{/if}>
  <!-- //最近チェックした商品 -->
<{/if}>

<style>
.p-history {
  margin-top: 0;
}
</style>
