Zastąp nagłówek Treść i blok dodawania


10

Rozszerzyłem motyw LUMA i chcę dostosować nagłówek.

Chcę dodać blok statyczny przed logo i chcę przenieść logo na środek strony, która znajduje się po lewej stronie.

Ostateczny wynik będzie

[1] blok statyczny [2] logo (w środku) [3] Formularz wyszukiwania (jest już na właściwej pozycji).

Proszę doradzić, jak to osiągnąć.

Odpowiedzi:


10

Możesz to zrobić, umieszczając DIV nad logo i polem wyszukiwania

Utwórz także „pojemnik” dla swojego bloku statycznego (wewnątrz tego możesz wywołać swój blok statyczny) w logo.phtml.

Teraz przypisz klasę do każdego kontenera, nadaj im wymaganą szerokość i odpowiednio je ustaw.

Tak to będzie wyglądać 1) Static block 2) Logo 3) Search

Mam nadzieję, że ktoś inny wpadnie na pomysł, ponieważ piszę późno na pytanie.


10

korzystasz z 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>

Gdzie to dodać? Rozszerzyłem również LAYOUT, który powinien zostać dodany w layout / default.xml (tak myślę)
Jai

@Jai tak domyślnie to zrobi.
Rozszerzenia Fme,

Dodano blok statyczny z identyfikatorem „testblock” w adminie. Dodano powyższe wiersze zastępujące testblock w pliku default.xml. Wdrożone, ulepszone, zarumienione, ale nie działały :(
Jai

czy dodałeś <body></body>tag
Fme Extensions

Tak. Oto cały kod rozszerzonego default.xml: <strona 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> <argument name = "testblock" xsi: type = "string"> testblock </argument> </arguments> </block> </referenceBlock> </body> </page>
Jai
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.