Sostituisci intestazione Contenuto e aggiungi blocco

Ho esteso il tema LUMA e voglio personalizzare l'intestazione.

Voglio aggiungere un blocco statico prima del logo e voglio spostare il logo al centro della pagina che si trova sul lato sinistro.

Il risultato finale sarà

[1] blocco statico [2] logo (al centro) [3] Modulo di ricerca (questo è già nella posizione corretta).

Si prega di consigli su come raggiungere questo obiettivo.

— Jai
fonte

Risposte:

Puoi farlo inserendo DIV sul tuo logo e sulla casella di ricerca

Crea anche un "contenitore" per il tuo blocco statico (al suo interno puoi chiamare il tuo blocco statico) in logo.phtml.

Ora assegna una classe a ciascun contenitore e assegna loro la larghezza richiesta e galleggia di conseguenza.

Quindi sembrerà 1) Static block 2) Logo 3) Search

Spero che qualcun altro possa farsi un'idea da qui, poiché sto postando in ritardo sulla domanda.

— Manoj Deswal
fonte

usi 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>

— Estensioni Fme
fonte

Dove aggiungere questo. Ho anche esteso LAYOUT e questo dovrebbe essere aggiunto in layout / default.xml (penso)

— Jai

@Jai sì, il default lo farà.

— Prolunghe Fme l'

Aggiunto blocco statico con identificativo "testblock" in admin. Aggiunte righe sopra che sostituiscono testblock in default.xml. Distribuito, aggiornato, svuotato ma non funzionante :(

— Jai

hai aggiunto <body></body>tag

— Fme Extensions

Sì. Ecco tutto il codice di default.xml esteso: <page xmlns: xsi = " w3.org/2001/XMLSchema-instance " xsi: noNamespaceSchemaLocation = "urna: magento: framework: View / Layout / etc / page_configuration.xsd" > <body> <referenceBlock name = "logo"> <block class = "Magento \ Cms \ Block \ Block" name = "testblock"> <arguments> <argomento name = "testblock" xsi: type = "string"> testblock </argument> </arguments> </block> </referenceBlock> </body> </page>

— Jai