カラーミーショップで売れ筋商品（ランキング）を表示する方法

<!-- 売れ筋商品開始タグ -->
<{section name=num loop=$seller}>
  <!-- 画像があれば表示 -->
  <{if $seller[num].img_url != ""}>
  <img src="<{$seller[num].img_url}>" alt="<{$seller[num].name|escape:'html'}>" />
  <{else}>
  <img src="https://img.shop-pro.jp/tmpl_img/86/no-image.jpg" alt="<{$seller[num].name|escape:'html'}>" />
  <{/if}>

  <!-- 商品名 -->
  <{$seller[num].name}>

  <!-- 販売価格 -->
  <{$seller[num].price}>

  <!-- 商品ページへのリンク -->
  <a href="<{$seller[num].link_url}>"></a>
<{/section}>
<!-- 売れ筋商品閉じタグ -->

<{if $seller_num != 0}>
<div class="p-ranking u-container u-contents">
  <h2 class="c-ttl-main">
    RANKING
    <span class="c-ttl-main__ja">ランキング</span>
  </h2>
  <div class="p-ranking-list js-ranking-slider">
    <{section name=num loop=$seller}>
    <div class="p-ranking-list__item<{if $smarty.section.num.iteration > 6}> is-hidden<{/if}>">
      <div class="p-ranking-list__img u-img-scale">
        <a href="<{$seller[num].link_url}>">
          <{if $seller[num].img_url != ""}>
          <img src="<{$seller[num].img_url}>" alt="<{$seller[num].name|escape:'html'}>" />
          <{else}>
          <img src="https://img.shop-pro.jp/tmpl_img/86/no-image.jpg" alt="<{$seller[num].name|escape:'html'}>" />
          <{/if}>
        </a>
      </div>
      <div class="p-ranking-list__txt">
        <div class="p-ranking-list__num<{if $smarty.section.num.iteration < 4}> is-<{$smarty.section.num.iteration}><{/if}>">
          <{$smarty.section.num.iteration}>
        </div>
        <div class="p-ranking-list__ttl">
          <a href="<{$seller[num].link_url}>"><{$seller[num].name}></a>
        </div>
        <{if !$seller[num].soldout_flg}>
        <div class="p-ranking-list__price<{if $members_login_flg && $seller[num].discount_flg}> is-discount<{/if}>">
          <{* 販売価格（ログイン時は会員価格） *}>
          <{$seller[num].price}>
          <{* 割引率（ログイン時、通常販売価格と会員価格が異なる場合のみ） *}>
          <{if $members_login_flg && $seller[num].discount_flg}><{$seller[num].discount_rate}>OFF<{/if}>
        </div>
        <{* 通常販売価格（ログイン時、通常販売価格と会員価格が異なる場合のみ） *}>
        <{if $members_login_flg && $seller[num].discount_flg}>
        <div class="p-ranking-list__price">
          <{$seller[num].regular_price}>
        </div>
        <{/if}>
        <{else}>
        <{* 売り切れの表記 *}>
        <div class="p-ranking-list__price is-soldout">
          SOLD OUT
        </div>
        <{/if}>
      </div>
    </div>
    <{/section}>
  </div><!-- /.p-ranking-list -->
</div><!-- /.p-ranking -->
<{/if}>