$ranking_item

<{if $ranking_item.has_item}>
    <section>
        <h2>ランキング</h2>
        <ul>
        <{section name=i loop=$ranking_item.list max=8}>
            <li>
                <div>
                    <{if $ranking_item.list[i].is_soldout}>
                        <p>SOLD OUT</p>
                    <{elseif $ranking_item.list[i].is_sale}>
                        <p>SALE</p>
                    <{/if}>
                </div>
        
                <div>
                    <a href="<{$ranking_item.list[i].url}>">
                        <img src="<{$ranking_item.list[i].image_L}>" alt="商品画像">
                        <div class="<{$ranking_item.list[i].num}>">
                            <{$ranking_item.list[i].num}>
                        </div>
                    </a>
                </div>
                <{if $ranking_item.list[i].base_category.url}>
                    <p><a href="<{$ranking_item.list[i].base_category.url}>"><{$ranking_item.list[i].base_category.name}></a></p>
                <{/if}>
                    <p><a href="<{$ranking_item.list[i].url}>"><{$ranking_item.list[i].name}></a></p>
                    <{if $ranking_item.list[i].is_sale}>
                        <p>￥<{$ranking_item.list[i].original_price|number_format}><span>(税込)</span></p>
                        <p>￥<{$ranking_item.list[i].price|number_format}><span>(税込)</span>
                        <span>[<{$ranking_item.list[i].sale_rate}>%OFF</span>]</p>
                    <{else}>
                    <p>￥<{$ranking_item.list[i].price|number_format}><span>(税込)</span></p>
                <{/if}>
                <{if $ranking_item.list[i].has_review}>
                    <div>
                        <{$ranking_item.list[i].review.star_html}>
                        <p><{$ranking_item.list[i].review.average}></p>
                        <p>[<a href="<{$ranking_item.list[i].review.url}>"><{$ranking_item.list[i].review.total_count}>件</a>]</p>
                    </div>
                <{/if}>
                <div>
                    <{if $ranking_item.list[i].is_soldout}>
                        <div>売り切れ</div>
                    <{else}>
                        <a href="<{$ranking_item.list[i].cart_entry_url}>">カートに入れる</a>
                    <{/if}>
                </div>
            </li>
        <{/section}>
        </ul>
    </section>
    <{/if}>

<section>
    <h2>ランキング</h2>
    <ul>
      <li>
        <div>
            <a href="/view/item/商品詳細ページリンク">
                <img src="商品画像パス.jpg" alt="商品画像">
                <div class="1">1</div>
            </a>
        </div>
        <p><a href="/view/item/商品詳細ページリンク">商品名</a></p>
        <p>￥8,000<span>(税込)</span></p>
        <div>
          <div>
            <div>評価1</div>
            <div>評価2</div>
            <div>評価3</div>
            <div>評価4</div>
            <div>評価5</div>
          </div>
          <p>5.0</p>
          <p><a href="/view/item/商品詳細ページリンク">商品名</a></p>
        </div>
        <div><a href="カートに入れる">カートに入れる</a></div>
      </li>
      <li>
        <div>
            <a href="/view/item/商品詳細ページリンク">
                <img src="商品画像パス.jpg" alt="商品画像">
                <div class="2">2</div>
            </a>
        </div>
        <p><a href="/view/item/商品詳細ページリンク">商品名</a></p>
        <p>￥8,000<span>(税込)</span></p>
        <div><a href="カートに入れる">カートに入れる</a></div>
      </li>
      <li>
        <div>
            <a href="/view/item/商品詳細ページリンク">
                <img src="商品画像パス.jpg" alt="商品画像">
                <div class="3">3</div>
            </a>
        </div>
        <p><a href="/view/item/商品詳細ページリンク">商品名</a></p>
        <p>￥8,000<span>(税込)</span></p>
        <div><a href="カートに入れる">カートに入れる</a></div>
      </li>
      <li>
        <div>
            <a href="/view/item/商品詳細ページリンク">
                <img src="商品画像パス.jpg" alt="商品画像">
                <div class="4">4</div>
            </a>
        </div>
        <p><a href="/view/item/商品詳細ページリンク">商品名</a></p>
        <p>￥8,000<span>(税込)</span></p>
        <div><a href="カートに入れる">カートに入れる</a></div>
      </li>
      <li>
        <div>
            <a href="/view/item/商品詳細ページリンク">
                <img src="商品画像パス.jpg" alt="商品画像">
                <div class="5">5</div>
            </a>
        </div>
        <p><a href="/view/item/商品詳細ページリンク">商品名</a></p>
        <p>￥8,000<span>(税込)</span></p>
        <div><a href="カートに入れる">カートに入れる</a></div>
      </li>
    </ul>
  </section>