【EC-CUBE 4】自動更新される新着商品一覧ページ / ブロックを作る方法

<?php

namespace Customize\Controller;

use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\Routing\Annotation\Route;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Template;
use Eccube\Controller\AbstractController;
use Eccube\Repository\ProductRepository;  // データベースのdtb_Productテーブルから情報を取得するためのリポジトリ。

class SamplePageController extends AbstractController
{
    // ProductRepositoryのプロパティを宣言。
    /**
    /**
     * @var ProductRepository
     */
    protected $productRepository;

    // コンストラクタメソッド。このクラスがインスタンス化されるときに自動的に呼び出される。
    // ProductRepositoryを引数として受け取り、それをクラスのプロパティに格納する。
    /**
     * @param ProductRepository $productRepository
     */
    public function __construct(ProductRepository $productRepository) {
        $this->productRepository = $productRepository;
    }

    /**
     * @Route("/sample", name="sample")
     * @Template("sample.twig")
     */
    public function index()
    {
        // ProductRepositoryを使って、全商品をIDの大きい順（降順）で取得。
        $products = $this->productRepository->findby([], ['id' => 'DESC']);

        // 取得した商品データをTwigテンプレートに渡す。
        return [
            'Products' => $products,
        ];
    }
}

{% extends 'default_frame.twig' %}

{% block main %}
    <h1>新着商品ページ</h1>
    <div class="ec-shelfRole">
      <ul class="ec-shelfGrid">
          {% for Product in Products %}
              <li class="ec-shelfGrid__item">
                {# 商品画像の表示 #}
                <p class="ec-shelfGrid__item-image">
                    <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
                </p>
                {# 商品IDの表示 #}
                <p>ID: {{ Product.id }}</p>
                {# 商品名の表示 #}
                <p>{{ Product.name }}</p>
                {# 価格の表示 #}
                <p class="price02-default">
                    {% if Product.hasProductClass %}
                        {% if Product.getPrice02Min == Product.getPrice02Max %}
                            {{ Product.getPrice02IncTaxMin|price }}
                        {% else %}
                            {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
                        {% endif %}
                    {% else %}
                        {{ Product.getPrice02IncTaxMin|price }}
                    {% endif %}
                </p>
              </li>
          {% endfor %}
      </ul>
    </div>
{% endblock %}

<?php

/*
 * This file is part of EC-CUBE
 *
 * Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
 *
 * http://www.ec-cube.co.jp/
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

namespace Customize\Controller;

use Sensio\Bundle\FrameworkExtraBundle\Configuration\Template;
use Symfony\Component\Routing\Annotation\Route;
use Eccube\Controller\AbstractController;
use Eccube\Repository\ProductRepository;  // データベースのdtb_Productテーブルから情報を取得するためのリポジトリ。

class TopController extends AbstractController
{
    // ProductRepositoryのプロパティを宣言。
    /**
     * @var ProductRepository
     */
    protected $productRepository;

    // コンストラクタメソッド。このクラスがインスタンス化されるときに自動的に呼び出される。
    // ProductRepositoryを引数として受け取り、それをクラスのプロパティに格納する。
    /**
     * @param ProductRepository $productRepository
     */
    public function __construct(ProductRepository $productRepository) {
        $this->productRepository = $productRepository;
    }

    /**
     * @Route("/", name="homepage", methods={"GET"})
     * @Template("index.twig")
     */
    public function index()
    {
      // ProductRepositoryを使って、IDの大きい順（降順）に3件取得。
      $products = $this->productRepository->findby([], ['id' => 'DESC'], 3);

      // 取得した商品データをTwigテンプレートに渡す。
      return [
          'Products' => $products,
      ];
    }
}

<div class="ec-role">
    <div class="ec-newItemRole">
        <div class="ec-newItemRole__list">
            <div class="ec-newItemRole__listItem">
                <div class="ec-newItemRole__listItemHeading ec-secHeading--tandem">
                    <span class="ec-secHeading__en">{{ 'NEW ITEM'|trans }}</span>
                    <span class="ec-secHeading__line"></span>
                    <span class="ec-secHeading__ja">{{ '新着商品'|trans }}</span>
                    <a class="ec-inlineBtn--top" href="{{ url('product_list') }}">{{ 'more'|trans }}</a>
                </div>
            </div>
            {# ここから #}
            <div class="ec-newItemRole__listItem">
                <a href="{{ url('product_detail', {'id': Products[0].id}) }}">
                    <img src="{{ asset(Products[0].main_list_image|no_image_product, 'save_image') }}" alt="{{ Products[0].name }}">
                    <p class="ec-newItemRole__listItemTitle">{{ Products[0].name }}</p>
                    <p class="ec-newItemRole__listItemPrice">
                        {% if Products[0].hasProductClass %}
                            {% if Products[0].getPrice02Min == Products[0].getPrice02Max %}
                                {{ Products[0].getPrice02IncTaxMin|price }}
                            {% else %}
                                {{ Products[0].getPrice02IncTaxMin|price }} ～ {{ Products[0].getPrice02IncTaxMax|price }}
                            {% endif %}
                        {% else %}
                            {{ Products[0].getPrice02IncTaxMin|price }}
                        {% endif %}
                    </p>
                </a>
            </div>
            {# ここまでを以下使い回し #}
            <div class="ec-newItemRole__listItem">
                <a href="{{ url('product_detail', {'id': Products[1].id}) }}">
                    <img src="{{ asset(Products[1].main_list_image|no_image_product, 'save_image') }}" alt="{{ Products[1].name }}">
                    <p class="ec-newItemRole__listItemTitle">{{ Products[1].name }}</p>
                    <p class="ec-newItemRole__listItemPrice">
                        {% if Products[1].hasProductClass %}
                            {% if Products[1].getPrice02Min == Products[1].getPrice02Max %}
                                {{ Products[1].getPrice02IncTaxMin|price }}
                            {% else %}
                                {{ Products[1].getPrice02IncTaxMin|price }} ～ {{ Products[1].getPrice02IncTaxMax|price }}
                            {% endif %}
                        {% else %}
                            {{ Products[1].getPrice02IncTaxMin|price }}
                        {% endif %}
                    </p>
                </a>
            </div>
            <div class="ec-newItemRole__listItem">
                <a href="{{ url('product_detail', {'id': Products[2].id}) }}">
                    <img src="{{ asset(Products[2].main_list_image|no_image_product, 'save_image') }}" alt="{{ Products[2].name }}">
                    <p class="ec-newItemRole__listItemTitle">{{ Products[2].name }}</p>
                    <p class="ec-newItemRole__listItemPrice">
                        {% if Products[2].hasProductClass %}
                            {% if Products[2].getPrice02Min == Products[2].getPrice02Max %}
                                {{ Products[2].getPrice02IncTaxMin|price }}
                            {% else %}
                                {{ Products[2].getPrice02IncTaxMin|price }} ～ {{ Products[2].getPrice02IncTaxMax|price }}
                            {% endif %}
                        {% else %}
                            {{ Products[2].getPrice02IncTaxMin|price }}
                        {% endif %}
                    </p>
                </a>
            </div>
        </div>
    </div>
</div>