Adicionar cabeçalho e rodapé na página de check-out Magento2

16

Por padrão, o Magento 2 não fornece HEADER e FOOTER na página CHECK OUT .

Então, verifiquei o arquivo checkout_index_index.xml no caminho

app/design/frontend/package_name/theme_name/Magento_Checkout/layout/override/base

Há um atributo de remoção definido para cabeçalho e rodapé

por isso, desmarque a opção remover atributo de remove = true para remover = false .

Mas o cabeçalho e o rodapé ainda não estão sendo exibidos na página de check-out. Alguém pode me dizer como posso obter cabeçalho e rodapé na página de check-out?

checkout layout magento-2.1

— Dhaval
fonte

"Por padrão, o Magento 2 não fornece HEADER e FOOTER na página CHECK OUT." <= isso não é verdade. O Magento 2 padrão fornece rodapé e cabeçalho na finalização da compra, seu tema PERSONALIZADO os excluiu.

— Raphael no Digital Pianism

3

@RaphaelatDigitalPianism Mas eu uso o tema magento / blank como tema principal e crio meu theme.then por que a página de checkout não mostra o cabeçalho e o rodapé? Eu não mudei nada no módulo Magento_Checkout. Eu usei o módulo Magento_Checkout padrão que é fornecido pelo magento. E esta questão não é apenas para mim. Eu já vi tantos desenvolvedores que têm o mesmo problema.

— Dhaval

@KetanKp Baroda, seu problema foi resolvido?

— Rakesh Jesadiya

ainda não resolvido ...

— Ketan Borada

1

@RaphaelatDigitalPianism, na verdade, o OP está certo. Por padrão, o Magento não inclui cabeçalho e rodapé, porque o layout de checkout usa o identificador de layout vazio em vez de 1 coluna.

— Erfan

17

Eu tenho uma solução.

Primeiro, vá para Magento_Checkout na pasta de temas app / design / frontend / package_name / theme_name / Magento_Checkout

Agora crie a estrutura de pastas abaixo na pasta de layout no caminho acima. substituir / tema / Magento / em branco / checkout_index_index.xml

neste arquivo checkout_index_index.xml, adicione o código abaixo.

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <move element="logo" destination="header-wrapper" before="-" />
        <referenceBlock name="minicart" remove="false" />
        <referenceContainer name="header.panel" remove="false" />
        <referenceBlock name="top.search" remove="false" />
        <referenceBlock name="catalog.compare.link" remove="false" />
        <referenceBlock name="catalog.topnav" remove="false"/>
        <referenceContainer name="footer-container"  remove="false"/>
    </body>
</page>

Espero que alguém ache isso útil.

— Dhaval
fonte

Exceção # 0 (LogicException): Substituir o arquivo de exibição 'D: /xampp/htdocs/nickstore/app/design/frontend/Mytheme/themename/Magento_Checkout/layout/override/theme/Magento/blank/checkout_index_index.xml' não corresponde a qualquer um dos arquivos. Recebi este erro

— Asish Hira 08/09

@AsishHira Acho que você cometeu algum erro ao substituir arquivos.

— Dhaval

Não, eu não .. eu verifiquei com sua resposta 12 vezes

— Asish Hira

Você encontrou a solução? Eu tenho o mesmo problema. e eu sei que é porque o tema em branco não tem arquivo de layout / ch‌ eckout_index_index.x‌ ml.

— Abdul Shakoor Kakar 27/09/16

2

Eu tive que adicionar um </page>no final deste bloco de código para que isso funcionasse. Também para responder às perguntas de outros usuários, coloquei este arquivo emapp/design/frontend/VENDOR/THEME/Magento_Checkout/layout/checkout_index_index.xml

— domdambrogia

14

No Magento 2.1 (.1), o logotipo é movido /vendor/magento/module-checkout/view/frontend/layout/checkout_index_index.xmldo local normal para checkout.header.wrappere, em seguida, parece se perder em algum lugar.

Este é o culpado:

<move element="logo" destination="checkout.header.wrapper"/>

Para recuperar o logotipo, adicione / edite o arquivo: [root] / app / design / frontend / [vendor] / [theme] /Magento_Checkout/layout/checkout_index_index.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  layout="1column"
  xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <move element="logo" destination="header-wrapper"/>
    </body>
</page>

— OZZIE
fonte

3

2017 aqui. Ainda ótimo!

— Mniess 12/12/19

4

Para mim, isso funcionou:

app / design / frontend / fornecedor / themename / Magento_Checkout / layout / checkout_index_index.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="checkout" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
      <move element="logo" destination="header-wrapper"/>
    </body>
</page>

app / design / front-end / fornecedor / themename / Magento_Checkout / page_layout / checkout.xml

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="1column"/>
</layout>

— fassl
fonte

Como temos o módulo OSC instalado, esse código funciona para nós!

— Jack

1

Para recuperar o logotipo, adicione / edite o arquivo: [root]/app/design/frontend/[vendor]/[theme]/Magento_Checkout/layout/checkout_index_index.xml E antes da tag de fim do corpo, adicione este código.

<?xml version="1.0"?>
    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      layout="1column"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
        <body>
            <move element="logo" destination="header-wrapper"/>
            <move element="header-wrapper" destination="checkout.header.wrapper" before="logo"/> 
            <move element="footer_div" destination="checkout.header.wrapper"/>

        </body>
    </page>

— Bhagyavant Panhalakr
fonte

como este <move element = "header-wrapper" destination = "checkout.header.wrapper" before = "logo" /> <move element = "footer_div" destination = "checkout.header, wrapper" />

— Bhagyavant Panhalakr

1

Nenhuma das opções acima funcionou para mim e a resposta aceita resultou no seguinte erro:

Exceção # 0 (LogicException): Substituir o arquivo de visualização '/app/design/frontend///Magento_Checkout/layout/override/theme/Magento/blank/checkout_index_index.xml' não corresponde a nenhum dos arquivos.

Razão para o erro, não há checkout_index_index.xml arquivo a ser substituído no local especificado (no tema em branco).

Solução: Após consultar o devDocs https://goo.gl/gvE23c , tive que substituir o arquivo base do módulo de checkout, copiando o checkout_index_index.xmlarquivo do vendor/module-checkout/layoutdiretório e copiando-o para app/design/frontend/<Vendor>/<themename>/Magento_Checkout/layout/override/base e alterandolayout="checkout" paralayout="1column"

O logotipo não estava sendo exibido por causa da <move element="logo" destination="checkout.header.wrapper"/>linha, então comentei e comecei a aparecer novamente.

— Devtype
fonte

0

Tente adicionar watsons checkout_index_index.xml a [root] / app / design / frontend / [vendor] / [theme] /Magento_Checkout/layout/override/theme/blank/checkout_index_index.xml

— andy.ashler
fonte

0

Vamos para...

[root] / app / design / frontend / [fornecedor] / [theme] /Magento_Checkout/layout/checkout_index_index.xml

mude esta linha

<move element="logo" destination="checkout.header.wrapper"/>

para

<move element="logo" destination="header-wrapper"/>

Isso funcionou para mim :)

— Gnucho
fonte

Grande trabalho postando a mesma resposta novamente ^^ (se esse arquivo existe é porque algum desenvolvedor em sua equipe / empresa / você colocá-lo já ..)

— OZZIE