Anular contenido de encabezado y agregar bloque

9

He extendido el tema LUMA y quiero personalizar el encabezado.

Quiero agregar un bloque estático antes del logotipo y quiero mover el logotipo al centro de la página que está en el lado izquierdo.

El resultado final será

[1] bloque estático [2] logotipo (en el centro) [3] Formulario de búsqueda (ya está en la posición correcta).

Por favor, consejos sobre cómo lograr esto.

Jai
fuente

Respuestas:

10

Puede hacerlo colocando DIV sobre su logotipo y cuadro de búsqueda

También cree un "contenedor" para su bloque estático (dentro de este puede llamar a su bloque estático) en logo.phtml.

Ahora asigne una clase a cada contenedor y asígneles el ancho requerido y déjelos flotar en consecuencia.

Entonces se verá como 1) Static block 2) Logo 3) Search

Espero que alguien más tenga una idea a partir de aquí, ya que publico tarde en la pregunta.

Manoj Deswal
fuente
10

usas 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>
Extensiones Fme
fuente
Donde agregar esto. También extendí LAYOUT y esto debería agregarse en layout / default.xml (creo)
Jai
@Jai sí, por defecto hará eso.
Extensiones Fme
Se agregó un bloque estático con el identificador "testblock" en el administrador. Se agregaron las líneas anteriores que reemplazan testblock en default.xml. Desplegado, actualizado, sonrojado pero no funcionó :(
Jai
¿ha agregado <body></body>tag
Fme Extensiones
Sí. Aquí está todo el código de default.xml extendido: <page xmlns: xsi = " w3.org/2001/XMLSchema-instance " xsi: noNamespaceSchemaLocation = "urn: magento: framework: View / Layout / etc / page_configuration.xsd" > <body> <referenceBlock name = "logo"> <block class = "Magento \ Cms \ Block \ Block" name = "testblock"> <arguments> <argumento name = "testblock" xsi: type = "string"> testblock </argument> </arguments> </block> </referenceBlock> </body> </page>
Jai