Default cross-sell limit in Magento 2

In a standard Magento 2 installation, the limit of cross-selling products in the cart is 4. This value is permanently defined in the Magento_Checkout module and cannot be changed from the administration panel.

Where the cross-sell limit is defined

The limit is defined in the Magento_Checkout module – in the Crosssell class. File path: vendor/magento/module-checkout/Block/Cart/Crosssell.php.

As we mentioned above, Magento does not provide configuration for this, so the only correct solution is to overwrite the class using your own module.

Changing the cross-sell limit via your own module

You need to create files:

– preference registration file (di.xml)

– file overwriting the limit

LionBrothers/CrosssellLimit/etc/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\Checkout\Block\Cart\Crosssell" type="LionBrothers\CrosssellLimit\Block\Cart\Crosssell"/>
</config>

LionBrothers/CrosssellLimit/Block/Cart/Crosssell.php

<?php

namespace LionBrothers\CrosssellLimit\Block\Cart;

class Crosssell extends \Magento\Checkout\Block\Cart\Crosssell
{
    /**
     * Items quantity will be capped to this value
     *
     * @var int
     */
    protected $_maxItemCount = 8;
}

You also need to remember the standard files of each module – registration.php and module.xml.

Why preference? Why not plugin?

In this case, the cross-sell product limit is set as a protected property, not a method. This means we can’t change it via plugin (before/after/around). The simplest solution (and best practice) is to use preference and extend the original class.

Artykuł Changing the limit of cross-sell products in the cart – Magento 2 pochodzi z serwisu LionBrothers - Web Development.

Calling a CMS block in .phtml

<?php
echo $this->getLayout()
->createBlock('Magento\Cms\Block\Block')
->setBlockId('id_bloku_cms')
->toHtml();
?>

Instead of “cms_block_id” enter the static CMS block ID.

Important: enter the ID set on the panel side, not the ID from the database.

Calling a CMS block on a CMS page

If a CMS block is to be used inside the content of a CMS page, the following directive should be used:

{{block class="Magento\\Cms\\Block\\Block" block_id="id_bloku_cms"}}

Calling a static CMS block via an xml (layout) file

<referenceContainer name="product.info.main"> 
    <block class="Magento\Cms\Block\Block" name="block_identifier"> 
        <arguments> 
            <argument name="block_id" xsi:type="string">id_bloku</argument> 
        </arguments> 
    </block> 
</referenceContainer>

Artykuł Magento 2 – How to display a CMS block in a PHTML file pochodzi z serwisu LionBrothers - Web Development.

Below is an example for color #202020:

<meta name="theme-color" content="#202020" />

Below is a screenshot:

It’s worth adding to your projects, especially since it’s only one line of code. Unless your site supports light/dark mode, in which case it’s two lines. You can set the color per mode using the media tag:

<meta  name="theme-color" content="#202020" media="(prefers-color-scheme: dark)" />

<meta name="theme-color" content="#cccccc" media="(prefers-color-scheme: light)" />

Artykuł <meta name=”theme-color”> – Small change, nice effect pochodzi z serwisu LionBrothers - Web Development.