Magento 2: Como substituir o arquivo html do modelo padrão do mini-carrinho?

12

Como substituir o /var/www/html/magento2/vendor/magento/module-checkout/view/frontend/web/template/minicart/content.htmlarquivo em nosso tema personalizado?

magento2 overrides

— Rakesh Jesadiya
fonte

17

primeiro, precisamos substituir os arquivos da web / modelo no nosso arquivo de tema magento, no meu caso content.html

Magento_Checkout/web/template/minicart/content.html

Após alterações no content.htmlarquivo, precisamos implantar o arquivo estático usando o comandophp bin/magento setup:static-content:deploy

OU

Você precisa excluir o arquivo content.html (preciso alterar o conteúdo deste arquivo) pub/static/frontend/Magento/buytea/en_US/Magento_Checkout/template/minicarte recarregar a página novamente.

As alterações são aplicadas.

— Rakesh Jesadiya
fonte

1

Tentando substituir a página inicial. Mas não funciona

— Ankit Shah

qual página, por favor me dê caminho

— Rakesh Jesadiya

Eu tenho abaixo a estrutura da pasta

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

e consulte magento.stackexchange.com/questions/138223/…

— Ankit Shah

você tem que definir o seu tema personalizado, dentro luma não o seu trabalho, se você quiser mudanças dentro tema luma em seguida, ir para o seu fornecedor / magento / theme-frontend-luma

— Rakesh Jesadiya

Gostaria de substituir o Luma Theme. Não é possível fazer isso?

— Ankit Shah

12

Existe outro caminho. Devemos saber que podemos substituir o modelo html via RequireJS. Não precisamos criar um tema personalizado . No seu módulo personalizado, crie um 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'
        }
    }
};

Para mais explicações, podemos ler mais aqui .

— Khoa TruongDinh
fonte

Ei. Quando eu substituo content.htmldessa maneira, por que isso me deixa em branco? minicart.

— Chirag

Não é este arquivo Vendor_ModuleName/template/minicart/content.htmlem pub/static?

— Khoa TruongDinh

sim .. e também o meu código de configuração requirejs-config.jsestá availbale #

— 18716

quando vejo console, também está levando meu arquivo em vez de core. mas não sei por que não mostra nada.

— Chirag

Tentou limpar o cache do navegador?

— Khoa TruongDinh

7

Você pode substituir isso adicionando esta pasta ao seu tema:

Magento_Checkout/web/template/minicart

Nesta pasta, você pode criar o arquivo content.html. Após uma alteração feita neste arquivo, limpe o cache do navegador para ver as alterações.

— Silvan
fonte

Eu tentei mesmo você sugere isso, mas não funciona.

— Rakesh Jesadiya

Você implantou arquivos estáticos? E cache limpo?

— Silvan

1

sim, está funcionando bem após a limpeza de arquivos estáticos e ele gera automaticamente um novo arquivo no carregamento da próxima página.

— Rakesh Jesadiya

0

Embora a resposta de Khoa TruongDinh tenha sido realmente útil, há alguns detalhes ausentes, então aqui está um exemplo completo:

Exemplo de minicart de trabalho, copie o modelo html para:

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

e nos temas requirejs-config.js =>

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

Veja também o bug principal: https://github.com/magento/magento2/issues/5832

— OZZIE
fonte

-1

Abra o arquivo para modificar o conteúdo do minicart:

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

Abra o arquivo para modificar o conteúdo do produto minicart:

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

Após a modificação, você deve implantar o tema usando, em bin/magento setup:static-content:deployseguida, ele será exibido.

Se a modificação não for preenchida, modifique tempaltes no diretório abaixo para mostrar as alterações de tempo de execução:

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

— Abhinav Singh
fonte

você não deve modificar o material em pub / estática .. ele será substituído pelo comando estática de implantação de qualquer maneira ...

— OZZIE