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.

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.


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>

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
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.