ヘッダーコンテンツの上書きとブロックの追加


10

LUMAテーマを拡張し、ヘッダーをカスタマイズしたいと思います。

ロゴの前に静的ブロックを追加して、ロゴを左側にあるページの中央に移動したいと思います。

最終結果は

[1]静的ブロック[2]ロゴ(中央)[3]検索フォーム(これはすでに正しい位置にあります)。

これを達成する方法をアドバイスしてください。

回答:


10

あなたのロゴと検索ボックスの上にDIVを置くことによってこれを行うことができます

また、静的ブロック用の「コンテナ」を作成します(この中に静的ブロックを呼び出すことができます)logo.phtml

次に、各コンテナにクラスを割り当て、必要な幅を与え、それに応じてフロートします。

だからそれは次のようになります 1) Static block 2) Logo 3) Search

私が質問に遅れて投稿しているので、他の誰かがここからアイデアを得ることを望みます。


10

あなたは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>

これを追加する場所。LAYOUTも拡張しました。これは、layout / default.xmlに追加する必要があります(私は思う)
Jai

@ジェイはいデフォルトはそれを行います。
Fme Extensions

管理者に「testblock」識別子を持つ静的ブロックを追加しました。default.xmlのtestblockを置き換える上記の行を追加しました。デプロイ、アップグレード、フラッシュされたが、機能しなかった:(
Jai

<body></body>タグを追加しましたか
Fme Extensions

はい。拡張された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
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.