Come attivare un aggiornamento per minicart dopo l'aggiunta al carrello

Ho la seguente classe che sto usando per testare l'aggiunta al carrello in modo personalizzato;

use Magento\Framework\App\Action;
use Magento\Checkout\Model\Cart;

class Add extends Action\Action
{
    protected $cart;

    public function __construct(
        Action\Context $context,
        Cart $cart
    ){
        $this->cart = $cart;
        parent::__construct($context);
    }

    public function execute()
    {
        $this->cart->addProductsByIds([1])
            ->save();
    }
}

Funziona benissimo. Quando vedi il carrello mostra il mio articolo, tutto sembra bello nel database ecc. Tuttavia, la minicart mostra ancora come se non ci fossero articoli nel carrello.

Se poi aggiungo un altro prodotto al carrello usando il pulsante "aggiungi al carrello" sul prodotto o elencando le pagine, questo si aggiunge al carrello e aggiorna la minicart per mostrare entrambi gli articoli.

Dove si attiva l'aggiornamento della minicart o in che modo la minicart sa di dover aggiornare?

Grazie per l'aiuto :)

Ho scoperto come attivarlo, è necessario impostare un sections.xmlfrontend etc / interno del modulo che indichi a Magento quali sezioni aggiornare per una determinata chiamata Ajax. Ecco un esempio;

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Customer:etc/sections.xsd">
    <action name="[frontName]/[ActionPath]/[ActionName]">
        <section name="cart"/>
    </action>
</config>

Dopo che la mia chiamata Ajax è terminata con [frontName]/[ActionPath]/[ActionName]Magento, effettua un'altra chiamata a / customer / section / load passando le sezioni da caricare.

Per impostazione predefinita, richiede eventuali messaggi, ma se hai impostato correttamente il file section.xml, vedrai anche i nomi delle sezioni che hai definito anche lì.

Questo non è direttamente correlato alla domanda, ma se stai aggiornando il carrello tramite chiamate AJAX in normali require.jsfile Magento , puoi richiedere l' Magento_Customer/js/customer-dataoggetto e chiedere alla minicart di aggiornare in questo modo:

<script>
    require([
        'Magento_Customer/js/customer-data'
    ], function (customerData) {
        var sections = ['cart'];
        customerData.invalidate(sections);
        customerData.reload(sections, true);
    });
</script>

Fonte: https://github.com/magento/magento2/issues/5621

In vetrina se ti immergi nella sorgente nell'area della minicart

<div data-block="minicart" class="minicart-wrapper">
  <a class="action showcart" 
   data-bind="scope: 'minicart_content'">
     ... 
  </a>

   <script type="text/x-magento-init">
   {
    "[data-block='minicart']": {
        "Magento_Ui/js/core/app": {"components":{....}
     }
   }
</script>
</div>

Come puoi vedere qui magento2 esegue componenti all'interno del tag script e dei dati di bind dinamico per bloccare l'utilizzo di minicart knockoutJs

Qualcosa di interessante che scopro

\vendor\magento\module-checkout\view\frontend\layout\default.xml

Dal layout di Google Checkout. Definisce un componentcontenuto per minicart per getdata. Continua Magento_Checkout/js/view/minicarta vedere

.....
$('[data-block="minicart"]').on('contentLoading', function(event) {
      addToCartCalls++;
      self.isLoading(true);
});
.....