Remplacer le contenu de l'en-tête et ajouter un bloc


10

J'ai étendu le thème LUMA et je souhaite personnaliser l'en-tête.

Je veux ajouter un bloc statique avant le logo et je veux déplacer le logo au centre de la page qui est sur le côté gauche.

Le résultat final sera

[1] bloc statique [2] logo (au centre) [3] Formulaire de recherche (il est déjà sur la bonne position).

Veuillez indiquer comment y parvenir.

Réponses:


10

Vous pouvez le faire en mettant DIV sur votre logo et votre champ de recherche

Créez également un "conteneur" pour votre bloc statique (à l'intérieur, vous pouvez appeler votre bloc statique) dans logo.phtml.

Attribuez maintenant une classe à chaque conteneur et donnez-leur la largeur requise et faites-les flotter en conséquence.

Il ressemblera donc 1) Static block 2) Logo 3) Search

J'espère que quelqu'un d'autre aura une idée d'ici, car je poste tard sur la question.


10

vous utilisez 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>

Où ajouter ceci. J'ai également étendu LAYOUT et cela devrait être ajouté dans layout / default.xml (je pense)
Jai

@Jai yes default le fera.
Extensions Fme

Ajout d'un bloc statique avec l'identifiant "testblock" dans admin. Ajout des lignes ci-dessus remplaçant testblock dans default.xml. Déployé, mis à niveau, vidangé mais ne fonctionnait pas :(
Jai

avez-vous ajouté une <body></body>balise
Extensions Fme

Oui. Voici tout le code du fichier default.xml étendu: <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
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.