【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;  // ProductRepositoryの使用を宣言

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=1 のカテゴリーをもつ商品を抽出するクエリを作成（IDは適宜修正してください）
        $customQb = $this->productRepository->createQueryBuilder('p');

        $customQb
            ->innerJoin('p.ProductCategories', 'pc')
            ->innerJoin('pc.Category', 'c')
            ->andWhere('c.id = :Category')
            ->setParameter('Category', 1);

        // 公開商品のみ取得したい場合は以下を有効化
        // ->andWhere('p.Status = :status')
        // ->setParameter('status', 1);

        // 上記クエリを実行し、ID=1 のカテゴリーをもつ商品を $products に格納
        $products = $customQb->getQuery()->getResult();

        return [
            // Twigテンプレートに渡す変数「Products」に、$products のデータを設定
            '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 %}