Magento 2: ¿Cómo anular el archivo html de la plantilla predeterminada del minicarro?

12

¿Cómo anular el /var/www/html/magento2/vendor/magento/module-checkout/view/frontend/web/template/minicart/content.htmlarchivo en nuestro tema personalizado?

magento2 overrides

— Rakesh Jesadiya
fuente

17

primero tenemos que anular los archivos web / plantilla a nuestro archivo de tema magento, en mi caso content.html

Magento_Checkout/web/template/minicart/content.html

Después de los cambios en el content.htmlarchivo, tenemos que implementar un archivo estático usando el comandophp bin/magento setup:static-content:deploy

O

Debe eliminar el archivo content.html (tengo que cambiar el contenido de este archivo) pub/static/frontend/Magento/buytea/en_US/Magento_Checkout/template/minicarty volver a cargar la página.

Se aplican los cambios.

— Rakesh Jesadiya
fuente

1

Intentando anular la página de inicio. Pero no funciona

— Ankit Shah

qué página, por favor dame camino

— Rakesh Jesadiya

Tengo debajo de la estructura de carpetas

magento2  |_ app    |_ design 	  |_ frontend 		|_ Magento 			|_luma 			  |_Magento_Theme 			    |_templates 				  |_root.phtml 				composer.json 				registration.php 				theme.xml

y refiero magento.stackexchange.com/questions/138223/…

— Ankit Shah

debe definir su tema personalizado, dentro de luma no funciona, si desea realizar cambios dentro del tema luma, vaya a su proveedor / magento / theme-frontend-luma

— Rakesh Jesadiya el

Me gustaría anular el tema de Luma ¿No puede hacer eso?

— Ankit Shah

12

Hay otra manera Deberíamos saber que podemos anular la plantilla html a través de RequireJS. No necesitamos crear un tema personalizado . En su módulo personalizado, cree un requirejs-config.js:

app / code / {Vendor} / {Module_Name} /view/frontend/requirejs-config.js

var config = {
    map: {
        '*': {
            'Magento_Checkout/template/minicart/content.html':
                'Vendor_ModuleName/template/minicart/content.html'
        }
    }
};

A más explicaciones podemos leer más aquí .

— Khoa TruongDinh
fuente

Oye. cuando anulo de content.htmlesta manera, ¿por qué me da en blanco? minicart

— chirag el

Hay este archivo Vendor_ModuleName/template/minicart/content.htmlen pub/static?

— Khoa TruongDinh

sí ... y también mi código de configuración requirejs-config.jsestá disponible

— chirag

cuando veo la consola, también está tomando mi archivo en lugar de core. pero no sé por qué no muestra nada.

— chirag el

¿Intentaste borrar tu caché del navegador?

— Khoa TruongDinh

7

Puede anular esto agregando esta carpeta a su tema:

Magento_Checkout/web/template/minicart

En esta carpeta puede crear el archivo content.html. Después de un cambio realizado en este archivo, asegúrese de vaciar la memoria caché del navegador para ver los cambios.

— Selvático
fuente

He intentado lo mismo, sugieres esto pero no funciona.

— Rakesh Jesadiya

¿Desplegó archivos estáticos? ¿Y borró el caché?

— Silvan

1

sí, funciona bien después de borrar archivos estáticos y generará automáticamente un nuevo archivo en la próxima carga de la página.

— Rakesh Jesadiya el

0

Aunque la respuesta de Khoa TruongDinh fue realmente útil, faltan algunos detalles, así que aquí hay un ejemplo completo:

Ejemplo de minicart de trabajo, copie la plantilla html en:

[theme_path]/Magento_Theme/web/template/minicart/content.html

y en temas requirejs-config.js =>

var config = {
    "map": {
        "*": {
            'Magento_Checkout/template/minicart/content.html': 'Magento_Theme/template/minicart/content.html'
        }
    }
};

Ver también error principal: https://github.com/magento/magento2/issues/5832

— OZZIE
fuente

-1

Abrir archivo para modificar el contenido del minicart:

/app/design/frontend/your_theme/Theme/Magento_Checkout/web/template/minicart/content.html

Abrir archivo para modificar el contenido del minicart del producto:

/app/design/frontend/Eglo/Theme/Magento_Checkout/web/template/minicart/item/default.html

Después de la modificación, debe implementar el tema usando y bin/magento setup:static-content:deployluego se mostrará.

Si no se completa la modificación, modifique las plantillas en el directorio a continuación para mostrar los cambios en tiempo de ejecución:

/pub/static/frontend/Your_theme/Theme/en_US/Magento_Checkout/template/minicart

— Abhinav Singh
fuente

no debe modificar cosas en pub / static ... será anulado por el comando de despliegue estático de todos modos ...

— OZZIE