Quelques modifs de design

templates/frontOffice/custom/assets/dist/css/custom.min.css

@@ -1 +1 @@
-@font-face{font-family:sofia_prolight;src:url(../fonts/sofiapro/sofiapro-light-webfont.woff2) format('woff2'),url(../fonts/sofiapro/sofiapro-light-webfont.woff) format('woff');font-weight:400;font-style:normal}aside.col-left,footer.footer-info,section.category-description{display:none}html{font-family:sofia_prolight,sans-serif!important}#products-new .overlay:after,#products-offer .overlay:after,#products-upsell .overlay:after,body{font-family:sofia_prolight,'Open Sans',sans-serif!important}div.container{width:90%!important}@media (min-width:992px){.header__main{width:90%}}@media (min-width:768px){.header__content{flex-direction:column}}.header__content{display:flex}.header__main{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.header__secondary{display:inline-flex}.navbar-default{background-color:transparent}.navbar li>a.home:before{display:none}.nav>li{text-transform:uppercase}.header__content .container-fluid{padding-left:0;padding-right:0}.navbar-form .form-control{width:150px}.logo-boutique{width:160px}.navbar{margin-bottom:0}.glyphicon,a{color:#95c11e}.btn-primary{background-color:#95c11e;border-left:0;border-color:#95c11e}.navbar-default .navbar-nav>li>a{color:#3c3c3b}.nav>li>a:focus,.nav>li>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:#95c11e;color:#fff}.price,.toolbar .amount{color:#95c11e}.breadcrumb{text-align:center;font-size:large;margin-bottom:30px}.grid #category-products .item>article .product-info .name{height:1.5em}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#95c11e;border-color:#95c11e}.nouveaute{position:relative;z-index:300;display:block;background-color:red;border-radius:5px;color:#fff;bottom:170px;width:80px;text-align:center;transform:rotate(-10deg)}
+@font-face{font-family:sofia_prolight;src:url(../fonts/sofiapro/sofiapro-light-webfont.woff2) format('woff2'),url(../fonts/sofiapro/sofiapro-light-webfont.woff) format('woff');font-weight:400;font-style:normal}aside.col-left,footer.footer-info,section.category-description{display:none}html{font-family:sofia_prolight,sans-serif!important}#products-new .overlay:after,#products-offer .overlay:after,#products-upsell .overlay:after,body{font-family:sofia_prolight,'Open Sans',sans-serif!important}div.container{width:90%!important}@media (min-width:992px){.header__main{width:90%}}@media (min-width:768px){.header__content{flex-direction:column}}.header__content{display:flex}.header__main{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.header__secondary{display:inline-flex}.navbar-default{background-color:transparent}.navbar li>a.home:before{display:none}.nav>li{text-transform:uppercase}.header__content .container-fluid{padding-left:0;padding-right:0}.navbar-form .form-control{width:150px}.logo-boutique{width:160px}.navbar{margin-bottom:0}.glyphicon,a{color:#95c11e}.btn-primary{background-color:#95c11e;border-left:0;border-color:#95c11e}.navbar-default .navbar-nav>li>a{color:#3c3c3b}.nav>li>a:focus,.nav>li>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:#95c11e;color:#fff}.price,.toolbar .amount{color:#95c11e}.breadcrumb{text-align:center;font-size:large;margin-bottom:30px}.grid #category-products .item>article .product-info .name{height:1.5em}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#95c11e;border-color:#95c11e}.nouveaute{position:relative;z-index:300;display:block;background-color:red;border-radius:5px;color:#fff;bottom:170px;width:80px;text-align:center;transform:rotate(-10deg)}#search-button{vertical-align:bottom}#search-button>input[type=search]{display:none}#search-button:hover>input[type=search]{display:inline-flex}

templates/frontOffice/custom/assets/src/css/custom.css

@@ -119,7 +119,6 @@ div.container {
     border-color: #95c11e;
 }
 
-
 .nouveaute {
     position: relative;
     z-index: 300;
@@ -131,4 +130,15 @@ div.container {
     width: 80px;
     text-align: center;
     transform: rotate(-10deg);
-}
+}
+
+
+#search-button {
+    vertical-align: bottom;
+}
+#search-button > input[type="search"] {
+    display: none;
+}
+#search-button:hover > input[type="search"] {
+    display: inline-flex;
+}

templates/frontOffice/custom/modules/HookNavigation/main-navbar-primary.html

@@ -28,7 +28,6 @@
                 {/loop}
 
                 <li><a href="/nos-recettes.html">Nos recettes</a></li>
-                <li><a href="/contact">Contact</a></li>
 
             </ul>
         </div>

templates/frontOffice/custom/modules/HookSearch/main-navbar-primary.html

@@ -0,0 +1,11 @@
+<div class="search-container navbar-form navbar-left">
+    <form id="form-search" action="{url path="/search"}" method="get" role="search" aria-labelledby="search-label">
+    <label id="search-label" class="sr-only" for="q">{intl l="Search a product" d="hooksearch.fo.default"}</label>
+    <div class="input-group">
+        <input type="search" name="q" id="q" placeholder="{intl l="Search..." d="hooksearch.fo.default"}" class="form-control" autocomplete="off" aria-required="true" required pattern=".{ldelim}2,{rdelim}" title="{intl l="Minimum 2 characters." d="hooksearch.fo.default"}">
+        <div class="input-group-btn">
+            <button type="submit" class="btn btn-search"><i class="fa fa-search"></i> <span class="sr-only">{intl l="Search" d="hooksearch.fo.default"}</span></button>
+        </div>
+    </div>
+    </form>
+</div>

templates/frontOffice/custom/modules/HookSearch/main-navbar-secondary.html

@@ -0,0 +1,9 @@
+<div class="search-container navbar-form navbar-left">
+    <form id="form-search" action="{url path="/search"}" method="get" role="search" aria-labelledby="search-label">
+        <label id="search-label" class="sr-only" for="q">{intl l="Search a product" d="hooksearch.fo.default"}</label>
+        <i class="glyphicon glyphicon-search" id="search-button">
+        <input type="search" name="q" id="q" placeholder="{intl l="Search..." d="hooksearch.fo.default"}" class="form-control" autocomplete="off" aria-required="true" required pattern=".{ldelim}2,{rdelim}" title="{intl l="Minimum 2 characters." d="hooksearch.fo.default"}">
+        </i>
+        {* <button type="submit" class="btn btn-search"><i class="fa fa-search"></i> <span class="sr-only">{intl l="Search" d="hooksearch.fo.default"}</span></button> *}
+    </form>
+</div>