แทนที่เนื้อหาส่วนหัวและเพิ่มบล็อก


10

ฉันได้ขยายธีม LUMA และต้องการปรับแต่งส่วนหัว

ฉันต้องการเพิ่มบล็อกแบบคงที่ก่อนโลโก้และต้องการย้ายโลโก้ไปที่กึ่งกลางของหน้าซึ่งอยู่ทางซ้าย

ผลสุดท้ายจะเป็น

[1] บล็อกคงที่ [2] โลโก้ (ตรงกลาง) [3] แบบฟอร์มการค้นหา (นี่อยู่ในตำแหน่งที่ถูกต้องแล้ว)

กรุณาแนะนำวิธีการบรรลุเป้าหมายนี้

คำตอบ:


10

คุณสามารถทำได้โดยวาง DIV บนโลโก้และช่องค้นหา

นอกจากนี้ยังสร้าง "ภาชนะ" สำหรับบล็อกของคุณคงที่ (ภายในนี้คุณสามารถโทรหาบล็อกของคุณคงที่) logo.phtmlใน

ตอนนี้กำหนดคลาสให้กับแต่ละคอนเทนเนอร์และให้พวกเขาต้องการความกว้างและลอยตามนั้น

ดังนั้นมันจะดูเหมือน 1) Static block 2) Logo 3) Search

ฉันหวังว่าคนอื่นจะได้รับความคิดจากที่นี่เนื่องจากฉันกำลังโพสต์คำถาม


10

คุณใช้การอ้างอิง Block 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>

จะเพิ่มที่ไหน ฉันได้ขยาย LAYOUT แล้วและควรจะเพิ่มใน layout / default.xml (ฉันคิดว่า)
Jai

@Jai ใช่เริ่มต้นจะทำเช่นนั้น
นามสกุล Fme

เพิ่มบล็อกแบบคงที่ด้วยตัวระบุ "testblock" ในผู้ดูแลระบบ เพิ่มบรรทัดข้างต้นแทนที่ testblock ใน default.xml ใช้งานได้รับการอัปเกรดล้างข้อมูล แต่ทำงานได้ไม่ทัน :(
Jai

คุณไม่เพิ่ม<body></body>แท็ก
Fme ส่วนขยาย

ใช่นี่คือรหัสของ default.xml แบบขยายทั้งหมด: <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> <อาร์กิวเมนต์> <อาร์กิวเมนต์ชื่อ = "testblock" xsi: type = "string"> testblock </argument> </arguments> </block> </referenceBlock> </body> </page>
อึ๊ง
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.