Vấn đề chính là cơ sở mã cũ của thanh công cụ và mối quan hệ danh sách sản phẩm. Một số trong số đó đã được chỉnh sửa trong Magento 2.2.x, nhưng vẫn còn vấn đề. Chẳng hạn, bất kể bạn đặt thanh công cụ ở đâu và như thế nào, khối danh sách sản phẩm sẽ luôn di chuyển thanh công cụ trở lại như con của chính nó (xem nhận xét này trên Github ).
Đây là một giải pháp khác là sự kết hợp giữa giải pháp của Nicholas Miller và kunj. Ưu điểm so với giải pháp của Nicholas Miller và Chirag Patel là, bộ sưu tập sản phẩm sẽ không được tải hai lần.
Nhà cung cấp / Mô-đun / Khối / Sản phẩm / Danh sách sản phẩm / Thanh công cụ.php
namespace Vendor\Module\Block\Product\ProductList;
class Toolbar extends \Magento\Catalog\Block\Product\ProductList\Toolbar
{
public const DEFAULT_PRODUCTLIST_BLOCKNAME = 'category.products.list';
protected function getProductListBlock()
{
$blockName = $this->getProductListBlockName();
if ($blockName) {
return $this->getLayout()->getBlock($blockName);
}
return $this->getLayout()->getBlock(self::DEFAULT_PRODUCTLIST_BLOCKNAME) ?: null;
}
public function getCollection()
{
if (!empty(parent::getCollection())) {
return parent::getCollection();
}
$productList = $this->getProductListBlock();
if (empty($productList)) {
return parent::getCollection();
}
$productList->configureToolbarPublic($this, $productList->getLoadedProductCollection());
return parent::getCollection();
}
}
Nhà cung cấp / Mô-đun / Khối / Sản phẩm / Danh sách sản phẩm.php
namespace Vendor\Module\Block\Product;
use Vendor\Module\Block\Product\ProductList\Toolbar;
use Magento\Catalog\Model\ResourceModel\Product\Collection;
class ListProduct extends \Magento\Catalog\Block\Product\ListProduct
{
protected function _beforeToHtml()
{
$collection = $this->_getProductCollection();
$toolbar = $this->getToolbarFromLayout();
if (!$toolbar) {
$toolbar = $this->getLayout()->createBlock($this->_defaultToolbarBlock, uniqid(microtime()));
$this->setChild('toolbar', $toolbar);
}
$this->configureToolbarPublic($toolbar, $collection);
$collection->load();
return $this;
}
public function configureToolbarPublic(Toolbar $toolbar, Collection $collection)
{
// use sortable parameters
$orders = $this->getAvailableOrders();
if ($orders) {
$toolbar->setAvailableOrders($orders);
}
$sort = $this->getSortBy();
if ($sort) {
$toolbar->setDefaultOrder($sort);
}
$dir = $this->getDefaultDirection();
if ($dir) {
$toolbar->setDefaultDirection($dir);
}
$modes = $this->getModes();
if ($modes) {
$toolbar->setModes($modes);
}
// set collection to toolbar and apply sort
$toolbar->setCollection($collection);
}
}
vv / frontend / 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">
<preference for="Magento\Catalog\Block\Product\ListProduct" type="Vendor\Module\Block\Product\ListProduct" />
<preference for="Magento\Catalog\Block\Product\ProductList\Toolbar" type="Vendor\Module\Block\Product\ProductList\Toolbar" />
</config>
Bây giờ bạn sẽ có thể di chuyển product_list_toolbartự do mà không có bất kỳ vấn đề. ví dụ: catalog_carget_view.xml :
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<move element="product_list_toolbar" destination="content" before="-" />
</body>
</page>
Là một phần thưởng bổ sung, bạn cũng có thể đặt tên khối danh sách sản phẩm tùy chỉnh, nếu bạn cần:
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock element="product_list_toolbar">
<action method="setProductListBlockName">
<argument name="name" xsi:type="string">my_product_list_block</argument>
</action>
</referenceBlock>
</body>
</page>
Tương tự, tên khối thanh công cụ chính xác cũng phải được đặt tương ứng trên khối danh sách sản phẩm (nếu tên thanh công cụ tùy chỉnh của bạn là tên khác với mặc định).
Cập nhật
Để giải pháp này hoạt động, bạn cần ít nhất Magento 2.2.6.