Magento 2: Come sovrascrivere il file html del modello predefinito mini-cart?

12

Come sovrascrivere il /var/www/html/magento2/vendor/magento/module-checkout/view/frontend/web/template/minicart/content.htmlfile nel nostro tema personalizzato?

magento2 overrides

— Rakesh Jesadiya
fonte

17

per prima cosa dobbiamo sovrascrivere i file web / template nel nostro file tematico magento, nel mio caso content.html

Magento_Checkout/web/template/minicart/content.html

Dopo le modifiche al content.htmlfile, dobbiamo distribuire il file statico usando il comandophp bin/magento setup:static-content:deploy

O

Devi eliminare il file content.html (devo cambiare il contenuto di questo file) da pub/static/frontend/Magento/buytea/en_US/Magento_Checkout/template/minicarte ricaricare di nuovo la pagina.

Le modifiche sono applicate.

— Rakesh Jesadiya
fonte

1

Prova di sostituire la homepage. Ma non funziona

— Ankit Shah,

quale pagina, per favore, dammi il percorso

— Rakesh Jesadiya,

Ho sotto la struttura delle cartelle

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

e faccio

— Ankit Shah,

devi definire il tuo tema personalizzato, all'interno di luma non funziona, se vuoi cambiare il tema di luma, vai al tuo fornitore / magento / tema-frontend-luma

— Rakesh Jesadiya,

Vorrei sostituire il tema Luma Non riesci a farlo?

— Ankit Shah,

12

C'è un altro modo. Dovremmo sapere che possiamo sovrascrivere il modello html tramite RequireJS. Non è necessario creare un tema personalizzato . Nel tuo modulo personalizzato, crea un requirejs-config.js:

app / code / {Venditore} / {} nome_modulo /view/frontend/requirejs-config.js

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

Per saperne di più possiamo leggere di più qui .

— Khoa TruongDinh
fonte

Hey. quando eseguo l'override in content.htmlquesto modo, allora perché mi dà spazio? minicart.

— Chirag,

C'è questo file Vendor_ModuleName/template/minicart/content.htmlin pub/static?

— Khoa TruongDinh

sì .. e anche il mio codice di configurazione requirejs-config.jsè disponibile

— chirag

quando vedo console, sta prendendo anche il mio file invece di core. ma non so perché non mostri nulla.

— Chirag,

Hai provato a svuotare la cache del browser?

— Khoa TruongDinh

7

Puoi sovrascriverlo aggiungendo questa cartella al tuo tema:

Magento_Checkout/web/template/minicart

In questa cartella è possibile creare il file content.html. Dopo una modifica apportata a questo file, assicurati di svuotare la cache del browser per vedere le modifiche.

— silvestre
fonte

ho provato lo stesso suggerisci questo ma non funziona.

— Rakesh Jesadiya,

Hai distribuito file statici? E svuotata la cache?

— Silvan,

1

sì, funziona bene dopo aver cancellato i file statici e genererà automaticamente il nuovo file al caricamento della pagina successiva.

— Rakesh Jesadiya,

0

Sebbene la risposta di Khoa TruongDinh sia stata davvero utile, mancano alcuni dettagli, quindi ecco un esempio completo:

Esempio di minicart funzionante, copia il modello html in:

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

e nei temi requestjs-config.js =>

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

Vedi anche bug di base: https://github.com/magento/magento2/issues/5832

— OZZIE
fonte

-1

Apri file per modificare il contenuto della minicart:

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

Apri file per modificare il contenuto del prodotto minicart:

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

Dopo la modifica, devi distribuire il tema usando, bin/magento setup:static-content:deployquindi verrà mostrato.

Se la modifica non viene popolata, modificare i tempaltes nella directory seguente per mostrare le modifiche di runtime:

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

— Abhinav Singh
fonte

non dovresti modificare roba in pub / static .. sarà comunque sovrascritta dal comando deploy statico ...

— OZZIE