Jump to content

PS 1.7.6.8 Menu sur toute la largeur


Recommended Posts

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 by gouna (see edit history)
Link to comment
Share on other sites

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 by gouna (see edit history)
Link to comment
Share on other sites

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}

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...