He cambiado el texto "Agregar al carrito" a "Quiero esto" anulando " vendor\magento\module-catalog\view\frontend\templates\product\list.phtml
".
Pero cuando hago clic en el botón "Quiero esto" (es decir, "Agregar al carrito"), el producto se agrega al carrito y luego aparece nuevamente el texto "Agregar al carrito" en el botón.
Creo que el producto se agrega a través de una llamada ajax, es por eso que un texto recién agregado no se muestra después de la llamada ajax y se muestra el texto "Agregar al carrito".
He intentado esto:
He creado una extensión personalizada Ved_Mymodule .
He comprobado que la extensión está activa.
Después de eso seguí estos pasos:
app / code / Ved / Mymodule / view / frontend / requirejs-config.js:
var config = {
map: {
'*': {
catalogAddToCart:'Ved_Mymodule/js/customCatalogAddToCart'
}
}
};
app / code / Ved / Mymodule / view / frontend / web / js / customCatalogAddToCart.js:
define([
'jquery',
'mage/translate',
'jquery/ui'
], function($, $t) {
"use strict";
$.widget('Ved_Mymodule.customCatalogAddToCart',$.mage.catalogAddToCart, {
//Override function
disableAddToCartButton: function(form) {
var addToCartButtonTextWhileAdding = this.options.addToCartButtonTextWhileAdding || $t('Adding...');
var addToCartButton = $(form).find(this.options.addToCartButtonSelector);
addToCartButton.addClass(this.options.addToCartButtonDisabledClass);
addToCartButton.find('span').text(addToCartButtonTextWhileAdding);
addToCartButton.attr('title', addToCartButtonTextWhileAdding);
console.log('Hello 1');
},
enableAddToCartButton: function(form) {
var addToCartButtonTextAdded = this.options.addToCartButtonTextAdded || $t('Added');
var self = this,
addToCartButton = $(form).find(this.options.addToCartButtonSelector);
addToCartButton.find('span').text(addToCartButtonTextAdded);
addToCartButton.attr('title', addToCartButtonTextAdded);
setTimeout(function() {
var addToCartButtonTextDefault = 'heya..'; //self.options.addToCartButtonTextDefault || $t('Add to Cart..');
addToCartButton.removeClass(self.options.addToCartButtonDisabledClass);
addToCartButton.find('span').text(addToCartButtonTextDefault);
addToCartButton.attr('title', addToCartButtonTextDefault);
}, 1000);
console.log('Hello 2');
}
});
return $.Ved_Mymodule.customCatalogAddToCart;
});
Estoy tratando de imprimir mensajes ficticios en la consola.
Después de esto: he ejecutado la implementación de contenido estático. Reindexar los datos. Caché limpiado y enjuagado.
Pero los cambios no están apareciendo.
requirejs-config.js
y corrija la ubicaciónapp/code/Ved/Mymodule/view/frontend/requirejs-config.js
.