ajout section univers sur home
This commit is contained in:
Rémy
parent
a5ba24af6e
commit
4de94e9202
@ -199,7 +199,7 @@ class AdminAdvMenuController extends ModuleAdminController {
|
||||
),
|
||||
array(
|
||||
'type' => 'categories',
|
||||
'label' => $this->l('Catégorie essocié'),
|
||||
'label' => $this->l('Catégorie associée'),
|
||||
'name' => 'id_category',
|
||||
'tree' => array(
|
||||
'id' => 'categories-tree',
|
||||
|
||||
@ -75,6 +75,7 @@ class FeaturedCategories extends Module
|
||||
|
||||
foreach ($categories as $key => $category) {
|
||||
$categories[$key]['hasImg'] = file_exists(_PS_CAT_IMG_DIR_ . 'home/' . $category['id_category'] . '.jpg');
|
||||
$categories[$key]['subcategories'] = Category::getChildren($category['id_category'], $context->language->id);
|
||||
}
|
||||
|
||||
return $categories;
|
||||
|
||||
@ -30,6 +30,7 @@ body.content_only { margin: 0 }
|
||||
z-index: 100;
|
||||
width: 100% !important;
|
||||
position:fixed !important;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.ac_results li {
|
||||
padding: 15px;
|
||||
@ -125,7 +126,7 @@ body.content_only { margin: 0 }
|
||||
font-family:"RubikRegular";
|
||||
}
|
||||
#header #search_block_left.showMe { z-index: 3;}
|
||||
#header #search_block_left.showMe #search_query_block { display:block; }
|
||||
#header #search_block_left.showMe #search_query_block { display:block; box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.2); }
|
||||
#header #search_block_left.showMe #search_button { background-color: #715bf4; }
|
||||
#header #search_block_left.showMe #search_button i { color:#fff; }
|
||||
#header #search_block_left #search_query_block:active,
|
||||
@ -400,9 +401,9 @@ body.content_only { margin: 0 }
|
||||
#header #menu-mobile > a:hover { text-decoration: none; }
|
||||
#header #menu-mobile > a:hover i { color: #363842 }
|
||||
#header #menu-mobile.open i { }
|
||||
#header #mainmenu { background: rgba(0, 0, 0, 0); bottom: 0; left: 0; margin: 0; pointer-events: none; position: fixed; width: 100%; top: 0; transition: all 0.3s ease 0s; z-index: 300; }
|
||||
#header #mainmenu { background: rgba(0, 0, 0, 0); bottom: 0; left: 0; margin: 0; pointer-events: none; position: fixed; width: 50%; top: 0; transition: all 0.3s ease 0s; z-index: 300; }
|
||||
#header #mainmenu.open { left: 0; pointer-events: auto; z-index: 100; }
|
||||
#header #mainmenu > div > ul { background: #fff; height: 100%; left: -101%; margin: 0; position: absolute; transition: all 0.3s ease 0s; width: 50% }
|
||||
#header #mainmenu > div > ul { background: #fff; height: 100%; left: -101%; margin: 0; position: absolute; transition: all 0.3s ease 0s; width: 100% }
|
||||
#header #mainmenu.open > div > ul { left: 0 }
|
||||
#header #mainmenu li { padding: 0 30px; width: 100% }
|
||||
#header #mainmenu > div > ul.menu-content > li.close-tab { background: #363842; font-weight: 900; text-transform: uppercase; }
|
||||
@ -477,6 +478,7 @@ body.content_only { margin: 0 }
|
||||
left:0;
|
||||
padding: 15px 60px 15px 15px;
|
||||
top:100px;
|
||||
position: fixed;
|
||||
}
|
||||
#header #search_block_left .closeBtn {
|
||||
color: #715bf4;
|
||||
@ -530,8 +532,14 @@ body.content_only { margin: 0 }
|
||||
#header #mainmenu .menu-content > li > a { font-size: 16px; padding: 8px 12px }
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#header #search_block_left.showMe #search_query_block {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#header #mainmenu > div > ul, #header #mainmenu > div > ul > li > .submenu { width: 80% }
|
||||
/*#header #mainmenu > div > ul, #header #mainmenu > div > ul > li > .submenu { width: 80% }*/
|
||||
#header #mainmenu { width: 80% }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
#header {
|
||||
@ -585,6 +593,9 @@ body.content_only { margin: 0 }
|
||||
color:#715bf4;
|
||||
font-size: 17px;
|
||||
}
|
||||
.ac_results {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 360px) {
|
||||
@ -1008,22 +1019,119 @@ body.content_only { margin: 0 }
|
||||
|
||||
.favorites {
|
||||
background: url(../img/background-favourites.png) left top repeat-y;
|
||||
padding-bottom: 25px;
|
||||
padding:80px 0 25px;
|
||||
}
|
||||
.favorites #homefeatured p {
|
||||
.favorites #homefeatured .title-ctn {
|
||||
text-align: center;
|
||||
font-family:"RubikRegular";
|
||||
}
|
||||
.favorites #homefeatured .title {
|
||||
font-size:30px;
|
||||
margin-top:60px;
|
||||
.favorites #homefeatured .title-ctn span {
|
||||
display: block;
|
||||
margin-bottom:15px;
|
||||
}
|
||||
.favorites #homefeatured .subtitle {
|
||||
.favorites #homefeatured .title-ctn .title {
|
||||
font-size:30px;
|
||||
}
|
||||
.favorites #homefeatured .title-ctn .subtitle {
|
||||
font-size:15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/************************************* == FEATURED CATEGORIES / NOS UNIVERS == ****************************************/
|
||||
|
||||
.our-univers {
|
||||
padding:80px 0 25px;
|
||||
}
|
||||
.our-univers .featured-categories .title-ctn {
|
||||
text-align: center;
|
||||
font-family:"RubikRegular";
|
||||
}
|
||||
.our-univers .featured-categories .title-ctn span {
|
||||
display: block;
|
||||
margin-bottom:15px;
|
||||
}
|
||||
.our-univers .featured-categories .title-ctn .title { font-size:30px; }
|
||||
.our-univers .featured-categories .title-ctn .subtitle { font-size:15px; }
|
||||
.our-univers .featured-categories .featured-category {
|
||||
margin:10px 0;
|
||||
padding:15px;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category .inner { width:300px; }
|
||||
.our-univers .featured-categories .featured-category-img-ctn{ height:195px; }
|
||||
.our-univers .featured-categories .featured-category-infos-ctn {
|
||||
padding:25px 0;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .favourites-link {
|
||||
width: 80%;
|
||||
margin: 15px auto 0;
|
||||
height:46px;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .favourites-link a {
|
||||
border: 2px solid #f73746;
|
||||
border-radius: 50px;
|
||||
color: #f73746;
|
||||
display:none;
|
||||
font-size: 16px;
|
||||
padding: 13px 25px 13px 5px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .favourites-link a:hover {
|
||||
background: #f73746 ;
|
||||
border:2px solid #f73746;
|
||||
color:#fff;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .favourites-link a i{
|
||||
margin-left: 5px;
|
||||
position: absolute;
|
||||
top:50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .favourites-link a:hover i:before { color:#fff; }
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .title {
|
||||
font-family:"RubikMedium";
|
||||
font-size: 20px;
|
||||
padding:4px;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category-infos-ctn { font-size: 14px; }
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .subcategories-list {
|
||||
margin:13px 0;
|
||||
font-size:0;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .subcategories-list a {
|
||||
text-decoration: none;
|
||||
padding: 4px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category-infos-ctn .subcategories-list a:hover {
|
||||
background:#302698;
|
||||
color:#fff;
|
||||
}
|
||||
.our-univers .featured-categories .featured-category:hover .featured-category-infos-ctn .favourites-link a {
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
@media(min-width: 1320px) {
|
||||
.our-univers .featured-categories .featured-category:nth-child(4n+1) {
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 992px) and (max-width: 1319px) {
|
||||
.our-univers .featured-categories .featured-category:nth-child(3n+1) {
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
|
||||
/************************************* == REASSURANCE == ****************************************/
|
||||
|
||||
.reassurance {
|
||||
@ -1151,8 +1259,9 @@ body.content_only { margin: 0 }
|
||||
}
|
||||
.homereviews-content {
|
||||
font-family:"EczarSemiBold";
|
||||
font-size:15px;
|
||||
font-size:14px;
|
||||
display:block;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.homereviews-name {
|
||||
font-size:13px;
|
||||
|
||||
@ -55,6 +55,10 @@ p { margin-bottom: 15px; }
|
||||
url('../fonts/RubikRegular.svg#RubikRegular') format('svg');
|
||||
}
|
||||
|
||||
/*.ff-reg { font-family: "RubikRegular";}*/
|
||||
/*.ff-med { font-family: "RubikMedium";}*/
|
||||
/*.ff-bold { font-family: "RubikBold";}*/
|
||||
/*.ff-eczar { font-family: "EczarSemiBold";}*/
|
||||
|
||||
|
||||
/*=============================================================*/
|
||||
|
||||
@ -59,8 +59,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
{hook h="displaySubCategories"}
|
||||
<div class="our-univers">
|
||||
<div class="ctn">
|
||||
<div class="row">
|
||||
{hook h="displaySubCategories"}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reassurance">
|
||||
<div class="ctn">
|
||||
|
||||
@ -141,6 +141,12 @@ $(document).ready(function() {
|
||||
$(".overlayNav").removeClass("showMeMore");
|
||||
});
|
||||
}
|
||||
if($(window).width() < 992) {
|
||||
$(".overlayNav").on("click", function() {
|
||||
$(this).removeClass('showMeMore');
|
||||
$menuContainer.removeClass('open');
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function closeForm() {
|
||||
|
||||
@ -25,6 +25,8 @@
|
||||
nav: true,
|
||||
navText: ["<span class='reviews-nav'><i class='icon icon-arrow-top'></span>","<span class='reviews-nav'><i class='icon icon-arrow-bottom'></span>"],
|
||||
autoplay: true,
|
||||
autoplayTimeout:6000,
|
||||
autoplayHoverPause:true,
|
||||
loop:true,
|
||||
mouseDrag: false,
|
||||
items: 1
|
||||
|
||||
@ -1,19 +1,37 @@
|
||||
{if $blocks}
|
||||
<div class="featured-categories">
|
||||
<div class="ctn">
|
||||
<div class="title-ctn">
|
||||
<span class="title"><span>{l s='Univers' mod='featuredcategories'}</span></span>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
{foreach from=$blocks item=block name='featuredcategories'}
|
||||
<div class="featured-category animated-full md4 sm6 xs6">
|
||||
<div class="title-ctn">
|
||||
<span class="title">{l s='Nos univers' mod='featuredcategories'}</span>
|
||||
<span class="subtitle">{l s='Toute une gamme d\'objets publicitaires pour correspondre à votre démarche environnementale' mod='featuredcategories'}</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
{foreach from=$blocks item=block name='featuredcategories'}
|
||||
<div class="featured-category animated-full lg3 md4 sm4 xs6">
|
||||
<div class="inner">
|
||||
<a href="{$link->getCategoryLink($block.id_category)}">
|
||||
{if $block.hasImg}<img src="{$base_dir}img/c/home/{$block.id_category}.jpg" alt="" />{/if}
|
||||
<span>{$block.name}</span>
|
||||
{if $block.hasImg}
|
||||
<div class="featured-category-img-ctn">
|
||||
<img src="{$base_dir}img/c/home/{$block.id_category}.jpg" alt="" />
|
||||
</div>
|
||||
{/if}
|
||||
</a>
|
||||
<div class="featured-category-infos-ctn">
|
||||
<span class="title">{$block.name}</span>
|
||||
<div class="subcategories-list">
|
||||
{foreach $block.subcategories as $key => $category}
|
||||
<a href="{$link->getCategoryLink($category.id_category)}">{$category.name}{if ($key + 1) < $block.subcategories|@count},{/if}</a>
|
||||
{/foreach}
|
||||
</div>
|
||||
<div class="favourites-link">
|
||||
<a href="">
|
||||
{l s='Découvrir les coups de '}
|
||||
<i class="icon-heart-full"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
@ -1,7 +1,9 @@
|
||||
<div id="homefeatured" class="tab-pane active">
|
||||
{if isset($products) && $products}
|
||||
<p class="title">{l s='Coups de coeur' mod='homefeatured'}</p>
|
||||
<p class="subtitle">{l s='Version Ecologique a sélectionné rien que pour vous' mod='homefeatured'} :</p>
|
||||
<div class="title-ctn">
|
||||
<span class="title">{l s='Coups de coeur' mod='homefeatured'}</span>
|
||||
<span class="subtitle">{l s='Version Ecologique a sélectionné rien que pour vous' mod='homefeatured'} :</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
{include file="$tpl_dir./product-list.tpl" products=$products blockCMS=$blockCMS keyToDisplayCMS=6}
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user