【EC-CUBE4】新着商品ブロックの商品一覧を動的に取得する方法

EC-CUBE4の新着商品ブロックの商品一覧を動的に取得する方法です。

デフォルトの新着商品ブロックの商品一覧は静的なので動的に出力するようにして自動で新着商品を表示するようにします。

新着商品を取得するTwig関数を作成

新着商品を取得するTwig関数を作成します。

サンプルコードは以下のとおりです。

<?php

namespace Customize\Twig\Extension;

use Doctrine\Common\Collections\Criteria;
use Eccube\Repository\ProductRepository;
use Twig\Extension\AbstractExtension;
use Twig\TwigFunction;

class NewProductExtension extends AbstractExtension
{
    /**
     * @var ProductRepository
     */
    private $productRepository;

    public function __construct(
        ProductRepository $productRepository
    ) {
        $this->productRepository = $productRepository;
    }

    public function getFunctions(): array
    {
        return [
            new TwigFunction('newProducts', function($limit){
                $qb = $this->productRepository->getQueryBuilderBySearchData([]);
                $qb
                    ->orderBy('p.create_date', Criteria::DESC)
                    ->setMaxResults($limit);

                return $qb->getQuery()->getResult();
            }, ['pre_escape' => 'html', 'is_safe' => ['html']]),
        ];
    }
}

ProductRepositoryのgetQueryBuilderBySearchDataメソッドからデータを取得することでCustomizeやプラグインでQueryCustomizerでカスタマイズされたクエリを取得できるようにしています。

これ重要です。

新着情報ブロックを更新

新着情報ブロックの内容を以下のように更新してください。

{% set products = newProducts(5) %}

<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">{{ 'front.block.new_item.title__en'|trans }}</span>
                    <span class="ec-secHeading__line"></span>
                    <span class="ec-secHeading__ja">{{ 'front.block.new_item.title__ja'|trans }}</span>
                    <a class="ec-inlineBtn--top" href="{{ url('product_list') }}">{{ 'front.block.new_item.more'|trans }}</a>
                </div>
            </div>
            {% for p in products %}
            <div class="ec-newItemRole__listItem">
                <a href="{{ url('product_detail', {'id': p.id}) }}">
                    <img src="{{ asset(p.main_list_image|no_image_product, 'save_image') }}">
                    <p class="ec-newItemRole__listItemTitle">{{ p.name }}</p>
                    <p class="ec-newItemRole__listItemPrice">
                        {% if p.hasProductClass %}
                            {% if p.getPrice02Min == p.getPrice02Max %}
                                {{ p.getPrice02IncTaxMin|price }}
                            {% else %}
                                {{ p.getPrice02IncTaxMin|price }} ～ {{ p.getPrice02IncTaxMax|price }}
                            {% endif %}
                        {% else %}
                            {{ p.getPrice02IncTaxMin|price }}
                        {% endif %}
                    </p>
                </a>
            </div>
            {% endfor %}
        </div>
    </div>
</div>

以上で完成です。

newProductsの数値を変更することで取得する商品数を指定することができます。

投稿 【EC-CUBE4】新着商品ブロックの商品一覧を動的に取得する方法 は あずみ.net に最初に表示されました。