태그 보관물: header

header

헤더 내용 재정의 및 블록 추가 페이지 중앙으로

LUMA 테마를 확장했으며 헤더를 사용자 정의하고 싶습니다.

로고 앞에 정적 블록을 추가하고 왼쪽에있는 페이지 중앙으로 로고를 이동하고 싶습니다.

최종 결과는

[1] 정적 블록 [2] 로고 (중앙) [3] 검색 양식 (이미 올바른 위치에 있음).

이것을 달성하는 방법을 조언하십시오.



답변

로고와 검색 창 위에 DIV를 넣으면됩니다.

또한 정적 블록에 대한 “컨테이너”를 만듭니다 (이 안에 정적 블록을 호출 할 수 있음) logo.phtml.

이제 각 컨테이너에 클래스를 할당하고 필요한 너비를 제공하고 적절하게 플로팅합니다.

그래서 그것은 보일 것입니다 1) Static block 2) Logo 3) Search

내가 질문에 늦게 게시 할 때 다른 누군가가 여기에서 아이디어를 얻을 수 있기를 바랍니다.


답변

당신은 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>

답변