{% if rankingProducts is not empty %} <div class="top-section ranking ec-role"> <div class="c-title"> <h2 class="c-title__content">人気商品</h2> </div> <div class="c-rankingCard"> <div class="c-rankingCard__list"> {% for index, Product in rankingProducts|slice(0, 5) %} <div class="c-rankingCard__listItem"> <a href="{{ url('product_detail', { id: Product.id }) }}"> <div class="c-rankingCard__listItemHead"> {% if Product.Tags is not empty and Product.Tags[0] %} <span class="c-rankingCard__listItemHeadTag">{{ Product.Tags[0] }}</span> {% else %} <span class="c-rankingCard__listItemHeadTag">人気商品</span> {% endif %} {% if Product.ProductCategories is not empty %} {% set lastCategoryName = '' %} {% for ProductCategory in Product.ProductCategories %} {% for Category in ProductCategory.Category.path %} {% if loop.index == 3 %} {# 孫カテゴリを取得するためにインデックスをチェック #} {% set lastCategoryName = Category.name %} {% endif %} {% endfor %} {% endfor %} <span class="c-rankingCard__listItemHeadBrand">{{ lastCategoryName }}</span> {% endif %} </div> <div class="c-rankingCard__listItemBody"> <div class="c-rankingCard__listItemImg"> <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{% if Product.Maker is not empty %}{{ Product.Maker.nameEn }} {% endif %}{{ Product.name }}" /> </div> {% if Product.Maker is not empty %} <span class="c-rankingCard__listItemBodyBrand">{{ Product.Maker.nameEn }}</span> {% endif %} </div> <div class="c-rankingCard__listItemFoot"> <p class="c-rankingCard__listItemTitle">{{ Product.name }}</p> </div> </a> </div> {% endfor %} {# 手動登録の場合下記を使用 <div class="c-rankingCard__listItem"> <a href="{{ url('product_detail', { id: 商品ID }) }}"> <div class="c-rankingCard__listItemHead"> <span class="c-rankingCard__listItemHeadTag">人気商品</span> <span class="c-rankingCard__listItemHeadBrand">カテゴリー名</span> </div> <div class="c-rankingCard__listItemBody"> <div class="c-rankingCard__listItemImg"> <img src="画像パス" /> </div> <span class="c-rankingCard__listItemBodyBrand">ブランド名</span> </div> <div class="c-rankingCard__listItemFoot"> <p class="c-rankingCard__listItemTitle">商品名</p> </div> </a> </div> #} </div> </div> </div>{% endif %}