Substituir conteúdo do cabeçalho e adicionar bloco

10

Estendi o tema LUMA e quero personalizar o cabeçalho.

Quero adicionar um bloco estático antes do logotipo e quero mover o logotipo para o centro da página, que está no lado esquerdo.

O resultado final será

[1] logotipo do bloco estático [2] (no centro) [3] Formulário de pesquisa (este já está na posição correta).

Por favor, aconselhe como conseguir isso.

Jai
fonte

Respostas:

10

Você pode fazer isso colocando DIV sobre seu logotipo e caixa de pesquisa

Crie também um "contêiner" para o seu bloco estático (dentro deste você pode chamar seu bloco estático) logo.phtml.

Agora atribua uma classe a cada contêiner, forneça a largura necessária e flutue de acordo.

Então vai parecer 1) Static block 2) Logo 3) Search

Espero que outra pessoa tenha uma ideia daqui, pois estou postando tarde na pergunta.

Manoj Deswal
fonte
10

você usa referenceBlock logo

<referenceBlock name="logo">
        <block class="Magento\Cms\Block\Block" name="test_links">
          <arguments>
           <argument name="block_id" xsi:type="string">test_links</argument>
          </arguments>
        </block>
</referenceBlock>
Extensões Fme
fonte
Onde adicionar isso. Eu também estenderam LAYOUT e este deve ser adicionado no layout / default.xml (eu acho)
Jai
@ Jai padrão sim vai fazer isso.
Fme Extensions
Adicionado bloco estático com o identificador "testblock" em admin. Adicionadas linhas acima, substituindo testblock em default.xml. Implantado, atualizado, corou mas mas didint trabalho :(
Jai
você adicionou <body></body>tag
Fme Extensions
Sim. Aqui está todo o código de default.xml estendido: <página xmlns: xsi = " w3.org/2001/XMLSchema-instance " xsi: noNamespaceSchemaLocation = "urn: magento: framework: View / Layout / etc / page_configuration.xsd" > <body> <referenceBlock name = "logo"> <classe de bloco = "Magento \ Cms \ Block \ Block" nome = "testblock"> <argumentos> <argumento name = "testblock" xsi: type = "string"> testblock </argument> </arguments> </block> </referenceBlock> </body> </page>
Jai