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?

Rakesh Jesadiya
fonte

Respostas:

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.xmle 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