Substituir conteúdo do cabeçalho e adicionar bloco

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:

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

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