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.