Ganti konten tajuk dan tambahkan blok

Saya telah memperluas tema LUMA dan ingin menyesuaikan tajuk.

Saya ingin menambahkan blok statis sebelum logo dan ingin memindahkan logo ke tengah halaman yang ada di sebelah kiri.

Hasil akhirnya akan menjadi

[1] blok statis [2] logo (di tengah) [3] Formulir pencarian (ini sudah pada posisi yang benar).

Mohon saran bagaimana mencapai ini.

— Jai
sumber

Jawaban:

Anda dapat melakukan ini dengan meletakkan DIV di atas logo dan kotak pencarian Anda

Juga buat "wadah" untuk blok statis Anda (di dalamnya Anda dapat memanggil blok statis Anda) di logo.phtml.

Sekarang tetapkan kelas untuk setiap wadah dan beri mereka lebar yang dibutuhkan dan mengapungkan mereka sesuai.

Jadi akan terlihat seperti 1) Static block 2) Logo 3) Search

Saya berharap orang lain akan mendapatkan ide dari sini, karena saya terlambat mengirim pertanyaan.

— Manoj Deswal
sumber

Anda menggunakan 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>

— Ekstensi Fme
sumber

Di mana menambahkan ini. Saya juga telah memperpanjang LAYOUT dan ini harus ditambahkan dalam tata letak / default.xml (saya pikir)

— Jai

@ Ya yes default akan melakukan itu.

— Fme Extensions

Menambahkan blok statis dengan pengenal "testblock" di admin. Menambahkan baris di atas menggantikan testblock di default.xml. Dikerahkan, Diperbaharui, memerah tetapi tidak berhasil :(

— Jai

apakah Anda menambahkan <body></body>tag

— Fme Extensions

Ya. Berikut adalah semua kode extended default.xml: <page xmlns: xsi = " w3.org/2001/XMLSchema-instance " xsi: noNamespaceSchemaLocation = "urn: magento: framework: Lihat / Tata Letak / etc / page_configuration.xsd" > <body> <referenceBlock name = "logo"> <block class = "Magento \ Cms \ Block \ Block" name = "testblock"> <arguments> <argumen name = "testblock" xsi: type = "string"> testblock </argument> </argument> </block> </referenceBlock> </body> </page>

— Jai