【EC-CUBE 4】特定のタグを付けた商品のみを抽出し、一覧ページを作る方法

<?php

namespace Customize\Controller;

use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\Routing\Annotation\Route;
use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Template;
use Eccube\Controller\AbstractController;
use Eccube\Repository\ProductRepository;  // ProductRepositoyの使用を宣言

class SamplePageController extends AbstractController
{
   /**
     * ProductRepositoryのインスタンスを保持するプロパティ
     * @var ProductRepository
     */
    protected $productRepository;

    /**
     * コンストラクタでProductRepositoryのインスタンスを注入
     * @param ProductRepository $productRepository
     */
     public function __construct(ProductRepository $productRepository) {
        $this->productRepository = $productRepository;
    }
    
    /**
     * @Route("/lists/sample", name="lists_sample")
     * @Template("sample.twig")
     */
    public function index(Request $request)
    {
        // ID=4のタグをもつ商品を抽出するクエリを作成
        $customQb = $this->productRepository->createQueryBuilder('p');
        $customQb->innerJoin('p.ProductTag', 'pt')
            ->innerJoin('pt.Tag', 't')
            ->andWhere('t.id = :Tag')
            ->setParameter('Tag', 4);

        // 上記クエリを実行し、ID=4のタグをもつ商品を$TagProductsに格納
        $TagProducts = $customQb->getQuery()->getResult();

        return [
            // Twigテンプレートに渡す変数「TagProducts」に、$TagProductsのデータを設定
            'TagProducts' => $TagProducts,
        ];

    }    
}

{% extends 'default_frame.twig' %}

{% block main %}
  <div class="ec-shelfRole">
      <ul class="ec-shelfGrid">
          {# TagProductsに格納されているデータを順に取り出し、TagProductに代入 #}
          {% for TagProduct in TagProducts %}
              <li class="ec-shelfGrid__item">
                {# 商品画像の表示 #}
                <p class="ec-shelfGrid__item-image">
                    <img src="{{ asset(TagProduct.main_list_image|no_image_product, 'save_image') }}" alt="{{ TagProduct.name }}" loading="lazy">
                </p>
                {# 商品名の表示 #}
                <p>{{ TagProduct.name }}</p>
                {# 価格の表示 #}
                <p class="price02-default">
                    {% if TagProduct.hasProductClass %}
                        {% if TagProduct.getPrice02Min == TagProduct.getPrice02Max %}
                            {{ TagProduct.getPrice02IncTaxMin|price }}
                        {% else %}
                            {{ TagProduct.getPrice02IncTaxMin|price }} ～ {{ TagProduct.getPrice02IncTaxMax|price }}
                        {% endif %}
                    {% else %}
                        {{ TagProduct.getPrice02IncTaxMin|price }}
                    {% endif %}
                </p>
              </li>
          {% endfor %}
      </ul>
  </div>

{% endblock %}