【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 SampleController 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(Request $request)
    {
        // ID=4のタグをもつ商品を抽出するクエリを作成（IDは適宜修正してください）
        $customQb = $this->productRepository->createQueryBuilder('p');
        $customQb->innerJoin('p.ProductTag', 'pt')
            ->innerJoin('pt.Tag', 't')
            ->andWhere('t.id = :Tag')
            ->setParameter('Tag', 4);

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

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

    }
}

{% extends 'default_frame.twig' %}

{% block main %}
  <div class="ec-shelfRole">
      <ul class="ec-shelfGrid">
          {# Productsに格納されているデータを順に取り出し、Productに代入 #}
          {% for Product in Products %}
            <li class="ec-shelfGrid__item">
                <a href="{{ url('product_detail', {'id': Product.id}) }}">
                    {# 商品画像の表示 #}
                    <p class="ec-shelfGrid__item-image">
                        <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" loading="lazy">
                    </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>
                </a>
            </li>
          {% endfor %}
      </ul>
  </div>

{% endblock %}