Hello Magento Friends,
Today I am here with another Magento solution on How to Change the Cross-Sell Product Display Limit in Magento 2?
Cross-selling products are supplements of the products added to the shopping cart. In Magento 2, Cross-sell products will be displayed on the Shopping Cart page.
Learn How to Setup Cross-Sell Products in Magento 2.
Also, Get Cross Sell Products Collection using Root Script in Magento 2.
In default Magento, only four Cross-sell products will be displayed on the cart page. If you want to increase or decrease the Cross-sell Product display limit on the cart page, you need to modify the core cross-sell.php file. Let’s understand deeply.
Steps to Change Cross-Sell Product Limit in Magento 2:
Step 1: First, you must create a di.xml file in the path below.
app/code/Vendor/Extension/etc/frontend/di.xml
Then, add the code as follows.
1 2 3 4 |
<?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\Checkout\Block\Cart\Crosssell" type="Vendor\Extension\Block\Cart\Crosssell" /> </config> |
Step 2: After that, you must create a Block file in the path below.
app/code/Vendor/Extension/Block/Cart/Crosssell.php
Now add the following code snippet.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<?php namespace Vendor\Extension\Block\Cart; use Magento\CatalogInventory\Helper\Stock as StockHelper; class Crosssell extends \Magento\Checkout\Block\Cart\Crosssell { public function __construct( \Magento\Catalog\Block\Product\Context $context, \Magento\Checkout\Model\Session $checkoutSession, \Magento\Catalog\Model\Product\Visibility $productVisibility, \Magento\Catalog\Model\Product\LinkFactory $productLinkFactory, \Magento\Quote\Model\Quote\Item\RelatedProducts $itemRelationsList, \Magento\CatalogInventory\Helper\Stock $stockHelper, array $data = [] ) { parent::__construct( $context, $checkoutSession, $productVisibility, $productLinkFactory, $itemRelationsList, $stockHelper, $data ); $this->_maxItemCount = 7; // here set your product limit } } |
Step 3: After that, run the below commands.
1 2 |
php bin/magento setup:di:compile php bin/magento cache:flush |
Conclusion:
Hence, accordingly, you can update the number of cross-selling products displayed on the shopping cart page in Magento 2. If you have any difficulty implementing the above steps, let me know through the comment section without hesitation. I will be quick to revert you back with a proper solution. Moreover, share the tutorial with your friends and stay in the know for more.
Happy Coding!