PS 1.7.6.8 Menu sur toute la largeur

[gouna]

Bonjour,

Je suis en train de faire une mise à jour de PS 1.6 vers 1.7.6.8, en local...

Pour le moment çà va, je suis en train de galérer par contre afin d'afficher mon menu sur toute la largeur du site (couleur unie).

Je n'arrive pas à créer un nouveau Hook. J'ai suivi des tutos (ajout du hook dans les fichiers theme.yml et dans le fichier TPL concerné, mais rien, impossible de retrouver mon hook dans les positions en back office).
Avez vous une solution? Merci

 

Edited October 23, 2020 by gouna (see edit history)

[gouna]

J'ai changé de thème pour le classic-rocket.

Donc j'ai pu greffer mon menu sur le hook DisplayNavFullWidth en ajoutant ce code dans le fichier de mon module de menu "nomdemodule.php":

public function hookdisplayNavFullWidth($params)
    {
        return $this->hookDisplayTop($params);
    }

 

Par contre ce hook est fixé dans le header, il prends bien 100% de la largeur "centrale" mais je n'arrive pas à l'élargir à tout l'écran (il y a des variable comme header-top d--flex-between u-a-i-c, je suppose que c'est çà qui pose problème, je ne connais pas assez).

Voici mon fichier header.tpl :
 

{block name='header_banner'}
    <div class="header-banner">
        {hook h='displayBanner'}
    </div>
{/block}

{block name='header_nav'}
    <div class="header-nav u-bor-bot">
        <div class="header__container container">
            <div class="u-a-i-c d--flex-between visible--desktop">
                <div class="small">
                    {hook h='displayNav1'}
                </div>
                <div class="header-nav__right">
                    {hook h='displayNav2'}
                </div>
            </div>
        </div>
    </div>
{/block}

{block name='header_top'}
    <div class="container header-top d--flex-between u-a-i-c">
        <button class="visible--mobile btn" id="menu-icon" data-toggle="modal" data-target="#mobile_top_menu_wrapper">
            <i class="material-icons d-inline">&#xE5D2;</i>
        </button>
        <a href="{$urls.base_url}" class="header__logo header-top__col">
            <img class="logo img-fluid" src="{$shop.logo}" alt="{$shop.name}">
        </a>
        <div class="header__search">
            {hook h='displaySearch'}
        </div>
        <div class="header__right header-top__col">
            {hook h='displayTop'}
        </div>
    </div>
    <div class="container">
        {hook h='displayNavFullWidth'}
    </div>
{/block}

Merci

Edited October 24, 2020 by gouna (see edit history)

[gouna]

La réponse si quelqu'un cherche un jour, j'ai trouvé une solution : supprimer le div class container contenant le hook displayNavFullWidth, et placer ce hook dans un nouveau block :

{block name='header_top'}
    <div class="container header-top d--flex-between u-a-i-c">
        <button class="visible--mobile btn" id="menu-icon" data-toggle="modal" data-target="#mobile_top_menu_wrapper">
            <i class="material-icons d-inline">&#xE5D2;</i>
        </button>
        <a href="{$urls.base_url}" class="header__logo header-top__col">
            <img class="logo img-fluid" src="{$shop.logo}" alt="{$shop.name}">
        </a>
        <div class="header__search">
            {hook h='displaySearch'}
        </div>
        <div class="header__right header-top__col">
            {hook h='displayTop'}
        </div>
    </div>
	{/block}
	
{block name='menu_full'}   
{hook h='displayNavFullWidth'}   
{/block}