Magento 2.4.x分类列表无图片产品后置的最佳实践实现咨询

不推荐直接在list.phtml处理的原因 #

• 破坏分页逻辑：getLoadedProductCollection是已经分页后的结果，在模板里调整顺序只会改变当前页的显示，无图产品仍会分散在各页，无法统一归集到最后一页。
• 违反分层架构原则：模板层仅负责渲染数据，修改集合属于业务逻辑范畴，直接在模板操作会导致代码耦合，后续维护成本高。

推荐实现方式：使用插件修改产品集合排序 #

这是最符合Magento最佳实践的方案，通过拦截集合加载过程，注入自定义排序规则，让有图产品优先展示，无图产品自动后置。

具体实现步骤 #

1. 创建自定义模块（如Vendor_Catalog，若已有则跳过此步）。

2. 编写插件类，拦截分类页产品集合的过滤逻辑，推荐拦截Magento\Catalog\Model\Layer\Category\CollectionFilter的filter方法，这是分类页产品集合处理的核心节点。

插件代码示例（app/code/Vendor/Catalog/Plugin/Model/Layer/Category/CollectionFilterPlugin.php）：

<?php
namespace Vendor\Catalog\Plugin\Model\Layer\Category;

use Magento\Catalog\Model\Layer\Category\CollectionFilter;
use Magento\Catalog\Model\ResourceModel\Product\Collection;

class CollectionFilterPlugin
{
    public function afterFilter(CollectionFilter $subject, Collection $collection)
    {
        // 先按是否有主图排序：有图的排前面，无图的排后面
        $collection->addAttributeToSelect('small_image');
        $collection->getSelect()->order(new \Zend_Db_Expr('(e.small_image != "no_selection") DESC'));

        // 保留用户选择的原有排序规则（如价格、名称）
        $currentOrder = $collection->getSelect()->getPart(\Magento\Framework\DB\Select::ORDER);
        if (!empty($currentOrder) && count($currentOrder) > 1) {
            // 移除重复的排序规则，确保先执行图片排序，再追加用户选择的排序
            array_shift($currentOrder);
            $collection->getSelect()->reset(\Magento\Framework\DB\Select::ORDER);
            $collection->getSelect()->order(new \Zend_Db_Expr('(e.small_image != "no_selection") DESC'));
            foreach ($currentOrder as $order) {
                $collection->getSelect()->order($order);
            }
        }

        return $collection;
    }
}

3. 配置插件（app/code/Vendor/Catalog/etc/di.xml）：

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Catalog\Model\Layer\Category\CollectionFilter">
        <plugin name="vendor_catalog_layer_collection_filter" type="Vendor\Catalog\Plugin\Model\Layer\Category\CollectionFilterPlugin" sortOrder="10" />
    </type>
</config>

4. 启用模块并刷新缓存：
   执行以下命令：

bin/magento module:enable Vendor_Catalog
bin/magento setup:upgrade
bin/magento cache:flush

补充说明 #

• 上述代码通过判断small_image属性是否为no_selection来识别无图产品，这种方式无需关联媒体表，性能更优。如果你的产品使用其他图片属性作为判断依据，可自行调整排序条件。
• 插件会保留用户选择的排序规则（如按价格升序/降序、名称排序），仅在原有排序基础上优先按图片存在性排序。

效果验证 #

完成配置后，进入任意分类列表页，无论选择哪种排序方式，无图产品都会自动排在所有有图产品之后，且集中显示在最后一页，完全符合需求。

内容的提问来源于stack exchange，提问作者Akhan