【EC-CUBE3/4】商品一覧にカテゴリ名を表示する

まぐろ

EC-CUBE3以降で、
商品一覧情報にカテゴリ名を表示する方法

Product.ProductCategoriesで取得する

  • サンプルコード
{% for Product in Products %}
  <div>
    <a href="{{ url('product_detail', {'id': Product.id}) }}">
      <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}">
      <!-- ⭐️ ここで表示 -->
      {% if Product.ProductCategories is not empty %}
        <div class="category-list">
          {% for ProductCategory in Product.ProductCategories %}
            <p class="category-name">{{ ProductCategory.Category.name }}</p>
          {% endfor %}
        </div>
      {% endif %}
      <!-- /⭐️ ここで表示 -->
      <p class="ec-newItemRole__listItemTitle">{{ Product.name }}</p>
    </a>
  </div>
{% endfor %}

ProductCategory.nameではなくProductCategory.Category.nameとなるので注意

(参考) ProductCategoryエンティティ情報