antadis/versionecologique
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Recette mobile/tablet

Browse Source
This commit is contained in:
Rémy 2017-07-18 16:15:40 +02:00
parent 26d2994987
commit ab7a879b36
6 changed files with 70 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
www/themes/versionecologique/category.tpl
View File

@ -108,10 +108,24 @@
$(document).ready(function() {
$('.owl-favorites-tabs').owlCarousel({
margin: 0,
nav: false,
dots:false,
loop:true,
stagePadding: 30,
items: 2,
navText: ['<i class="icon icon-arrow-left"></i>','<i class="icon icon-arrow-right"></i>'],
responsive : {
992 : {
items: 4,
stagePadding: 0,
nav: true,
loop: false,
mouseDrag: false,
items: 6
mouseDrag: true
},
1320 : {
items: 6,
mouseDrag: false
}
}
});
});
</script>

46
www/themes/versionecologique/css/global.css
View File

@ -1240,6 +1240,8 @@ body.content_only { margin: 0 }
.favorites #homefeatured .title-ctn {
font-family:"RubikRegular";
text-align: center;
max-width: 80%;
margin:0 auto;
}
.favorites #homefeatured .title-ctn span {
display: block;
@ -2002,6 +2004,7 @@ body.content_only { margin: 0 }
#category .page-header .page-heading .short-desc .read-more { font-size: 11px; margin-left: 5px; font-style: italic; }
#category .favorites-list .favorites-list-tabs { background: #fff; padding:40px 0;}
#category .favorites-list .favorites-list-tabs .ctn { position:relative;}
#category .favorites-list .favorites-list-tabs .content-items { margin-top:15px;}
#category .favorites-list .favorites-list-tabs input { display:none; }
#category .favorites-list .favorites-list-tabs label {
cursor:pointer;
@ -2025,6 +2028,25 @@ body.content_only { margin: 0 }
#category .favorites-list .favorites-list-tabs label:hover:after { background-color:#715bf4;}
#category .favorites-list .favorites-list-tabs #content-favorites,
#category .favorites-list .favorites-list-tabs #content-news { display:none; font-size: 14px;}
#category .favorites-list .favorites-list-tabs #content-favorites .owl-favorites-tabs .owl-stage,
#category .favorites-list .favorites-list-tabs #content-news .owl-favorites-tabs .owl-stage{ right:30px;}
#category .favorites-list .favorites-list-tabs #content-favorites .owl-favorites-tabs .icon-arrow-left,
#category .favorites-list .favorites-list-tabs #content-news .owl-favorites-tabs .icon-arrow-left { display:none;}
#category .favorites-list .favorites-list-tabs #content-favorites .owl-favorites-tabs .icon-arrow-right,
#category .favorites-list .favorites-list-tabs #content-news .owl-favorites-tabs .icon-arrow-right {
border: 1px solid #ccc;
border-radius: 50%;
font-size: 12px;
padding: 8px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
#category .favorites-list .favorites-list-tabs #favoritesTab:checked ~ .content-items #content-favorites,
#category .favorites-list .favorites-list-tabs #newsTab:checked ~ .content-items #content-news {
display: block;
@ -2221,7 +2243,7 @@ body.content_only { margin: 0 }
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.actif { border-color: #6ac37f; }
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.unavailable:hover { border-color:transparent;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.unavailable,
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.unavailable > * { opacity:.5; cursor:not-allowed;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li.unavailable > * { opacity:.5; cursor:not-allowed; display:none;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li + li { margin-left:10px;}
#category .listing-filters #layered_block_left [id^="ul_layered_id"] > li .color-option {
border: 0;
@ -2394,9 +2416,19 @@ body.content_only { margin: 0 }
/************************/
}
@media (max-width: 767px) {
#category .listing-filters #layered_block_left #enabled_filters > ul { display: block; }
#category .listing-filters #layered_block_left #enabled_filters > ul > li.clear_filters_btn {
display: block;
margin-left: 0;
margin-top: 30px;
}
#category .favorites-list .product-ctn.cols { margin:0; padding: 15px 15px 0;}
#category .favorites-list .product-ctn .color-list-container li a { width:19px; }
#category .favorites-list .product-ctn .product-infos { padding: 5px; height: 115px; }
#category .favorites-list .product-ctn .product-infos { padding: 5px; height: 85px; }
#category .favorites-list .product-ctn .product-infos .infos-product { display:none; }
#category .favorites-list .product-ctn .product-infos .product-name { font-size: 13px; line-height: 14px; margin: 10px 0 0; height:40px;}
#category .favorites-list .product-ctn .product-infos .pictos { margin-top: -4px; width:initial;}
#category .favorites-list .product-ctn .product-infos .pictos .picto { height:10px;}
@ -2421,7 +2453,8 @@ body.content_only { margin: 0 }
#category .bloc-sur-mesure .content-text a { font-size: 14px; padding: 10px 25px;}
.switch-visibility-btn { display:none;}
/*.switch-visibility-btn { display:none;}*/
.switch-visibility-btn { font-size:10px !important; top:3px !important;}
}
@ -2895,7 +2928,7 @@ body.content_only { margin: 0 }
#product .product-configurator .bloc-options-FILEVISUEL1 .already-uploaded { margin-left:10px;}
#product .product-configurator .bloc-options-FILEVISUEL1 .file-value { padding:13px 12px; margin-right:10px;}
#product .product-configurator .bloc-options-FILEVISUEL1 .file-infos { margin-right:10px;}
#product .product-configurator .bloc-options-FILEVISUEL1 .upload-file { padding: 13px 16px 10px; }
#product .product-configurator .bloc-options-FILEVISUEL1 .upload-file { padding: 13px 16px 10px; margin-right:20px; }
}
@media (max-width: 991px) {
@ -2905,6 +2938,8 @@ body.content_only { margin: 0 }
#product .product-configurator .bloc-options-MARQUAGE1 h4 { display:block; margin-bottom:0;}
#product .product-configurator .bloc-options-MARQUAGE1 ul { margin-top:10px; }
#product .product-configurator .bloc-options-FILEVISUEL1 .already-uploaded { margin-left:0; margin-top:10px;}
}
@media (max-width: 767px) {
#product .section-product { margin-top: 40px; }
@ -3422,7 +3457,7 @@ body.content_only { margin: 0 }
#cms .intro-page { text-align:center; padding-top:50px; padding-bottom:50px;}
#cms .intro-page h2 { font-size:45px; }
#cms .intro-page p { width:50%; font-size:16px; margin:30px auto;}
#cms .intro-page p { width:70%; font-size:16px; margin:30px auto;}
#cms .matrice-anchors { text-align: center;}
#cms .matrice-anchors li { display:inline-block; padding:5px 10px;}
@ -3689,6 +3724,7 @@ body.content_only { margin: 0 }
#contact .successAlert { background:#6ac37f; padding:5px 5px 5px 15px; color:#fff;}
@media (max-width: 767px) {
#contact .banner-contact .title {font-size:25px;}
#contact .bloc-contact .form-contact form .valid-form-btn { margin:0 auto;}
}
@media (max-width: 480px) {

6
www/themes/versionecologique/css/k2000.css
View File

@ -623,9 +623,7 @@ header.page-heading.order-process { padding: 70px 0 0 0; }
width:29px;
}
.product-ctn .product-infos .pictos .picto:hover .picto-title {
opacity:1;
}
.product-ctn .product-infos .pictos .picto:hover .picto-title { opacity:1; }
.product-ctn.cols .product-infos .product-name { line-height: 20px; margin: 10px 0 20px 0; height:40px; overflow:hidden; }
.product-ctn .product-infos .product-name a {
color: #181818;
@ -818,6 +816,8 @@ header.page-heading.order-process { padding: 70px 0 0 0; }
.product-ctn.bloc-cms .bloc-cms-item .title { font-size:16px !important; }
.product-ctn.bloc-cms .bloc-cms-item .content a { font-size:15px; padding:12px 40px;}
.product-ctn.bloc-cms .bloc-cms-item .content p:first-child { font-size: 12px; }
.product-ctn .product-infos .pictos .picto .picto-title { left:0; right:inherit;}
}
@media (max-width: 700px) {

5
www/themes/versionecologique/js/global.js
View File

@ -144,6 +144,11 @@ $(document).ready(function() {
$(".overlayNav").removeClass("showMe").css("top", 0);
$(".menu-icon i").removeClass("icon-menu-open").addClass("icon-menu");
});
}
if($(window).width() < 768) {
$(".nous-joindre .title").addClass("open");
$(".nous-joindre .title").next('div').slideToggle();
}
if($(window).width() < 992) {
$(".overlayNav").on("click", function() {

2
www/themes/versionecologique/modules/advconstructor/footerright.tpl
View File

@ -1,4 +1,4 @@
<div class="md3 sm3 xxs12 animated-full">
<div class="md3 sm3 xxs12 nous-joindre animated-full">
<div class="encart">
{*<img src="{$base_dir}img/constructor/image/{$block->id}_{$cookie->id_lang}.jpg" alt="" />*}
<div class="content">

2
www/themes/versionecologique/product-list.tpl
View File

@ -39,7 +39,7 @@
</div>
</div>
{/if}
<div class="product-ctn cols animated-full lg{if isset($nbProduct)}{12/$nbProduct}{else}3{/if} md4 sm4 xs4 col-xxs-6{if $key%2} alt{/if}" itemscope itemtype="http://schema.org/Product" style="z-index: {$zindex}">
<div class="product-ctn cols animated-full {if isset($owl)}owl-bloc{else}lg{if isset($nbProduct)}{12/$nbProduct}{else}3{/if} md4 sm4 xs4 col-xxs-6{if $key%2} alt{/if}{/if}" itemscope itemtype="http://schema.org/Product" style="z-index: {$zindex}">
<div class="inner">
<div class="product-img-ctn">
<!-- Image -->