Ghi đè nội dung tiêu đề và thêm khối


10

Tôi đã mở rộng chủ đề LUMA và muốn tùy chỉnh tiêu đề.

Tôi muốn thêm khối tĩnh trước logo và muốn di chuyển logo đến giữa trang nằm ở bên trái.

Kết quả cuối cùng sẽ là

[1] logo khối [2] tĩnh (ở giữa) [3] Biểu mẫu tìm kiếm (cái này đã ở đúng vị trí).

Xin tư vấn làm thế nào để đạt được điều này.

Câu trả lời:


10

Bạn có thể làm điều này bằng cách đặt DIV trên logo và hộp tìm kiếm của bạn

Đồng thời tạo một "thùng chứa" cho khối tĩnh của bạn (bên trong khối này bạn có thể gọi khối tĩnh của mình) logo.phtml.

Bây giờ chỉ định một lớp cho mỗi container và cung cấp cho chúng chiều rộng cần thiết và thả chúng cho phù hợp.

Vì vậy, nó sẽ trông giống như 1) Static block 2) Logo 3) Search

Tôi hy vọng người khác sẽ có ý tưởng từ đây, vì tôi sẽ đăng câu hỏi muộn.


10

bạn sử dụng tài liệu tham khảo 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>

Nơi để thêm điều này. Tôi cũng đã mở rộng LAYOUT và điều này nên được thêm vào trong layout / default.xml (tôi nghĩ)
Jai

@Jai có mặc định sẽ làm điều đó.
Phần mở rộng Fme ngày 8/12/2016

Đã thêm khối tĩnh với mã định danh "testblock" trong quản trị viên. Đã thêm các dòng trên thay thế testblock trong default.xml. Đã triển khai, nâng cấp, tuôn ra nhưng không hoạt động :(
Jai

bạn đã thêm <body></body>thẻ
Phần mở rộng Fme

Có .Here là tất cả các mã của default.xml mở rộng: <xmlns page: xsi = " w3.org/2001/XMLSchema-instance "xsi: noNamespaceSchemaLocation =" urn: magento: Khung: Xem / Layout / etc / page_configuration.xsd" > <body> <ReferenceBlock name = "logo"> <block class = "Magento \ Cms \ Block \ Block" name = "testblock"> <argument> <argument name = "testblock" xsi: type = "string"> testblock </ argument> </ argument> </ block> </ ReferenceBlock> </ body> </ page>
Jai
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.