헤더 내용 재정의 및 블록 추가

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>

— Fme 확장
소스

이것을 추가 할 곳. 나는 또한 레이아웃을 확장했으며 이것은 layout / default.xml에 추가되어야합니다 (생각합니다)

— Jai

@ 제이 예 기본이 그렇게 할 것입니다.

— Fme Extensions

관리자에 "testblock"식별자가있는 정적 블록을 추가했습니다. default.xml에서 testblock을 대체하는 위의 행을 추가했습니다. 배포, 업그레이드, 플러시되었지만 방해가되지 않은 작업 :(

— Jai

<body></body>태그 를 추가

— 하셨습니까

예. 확장 된 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> <argument name = "testblock"xsi : type = "string"> testblock </ argument> </ arguments> </ block> </ referenceBlock> </ body> </ page>

— Jai