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

page listing + correctifs

Browse Source
This commit is contained in:
Nolwenn 2017-08-04 10:54:05 +02:00
parent 859ab25af9
commit 5c5de2f484
11 changed files with 400 additions and 144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
www/classes/Category.php
View File

@ -780,7 +780,7 @@ class CategoryCore extends ObjectModel
$sql .= ' ORDER BY '.(!empty($order_by_prefix) ? $order_by_prefix.'.' : '').'`'.bqSQL($order_by).'` '.pSQL($order_way).'
LIMIT '.(((int)$p - 1) * (int)$n).','.(int)$n;
}
$result = Db::getInstance(_PS_USE_SQL_SLAVE_)->executeS($sql, true, false);
if (!$result) {

13
www/override/controllers/front/CategoryController.php
View File

@ -9,25 +9,22 @@ class CategoryController extends CategoryControllerCore
protected function assignSubcategories()
{
// La catégorie parcourue est-elle un enfant direct de Accueil ?
$this->firstLevelCategories = Category::getChildrenIds(Category::CATEGORY_HOME, $this->context->language->id, true);
$subcategories = $this->category->recurseLiteCategTree(3, 0, $this->context->language->id);
$subcategories = $this->category->getSubCategories($this->context->language->id);
foreach($subcategories['children'] as &$subcategory) {
foreach($subcategories as $key => $subcategory) {
$context = Context::getContext();
$catsample = new Category($subcategory['id'], false, $context->language->id);
$subcategory['productsList'] = $catsample->getProducts($this->context->language->id, (int)$this->p, (int)$this->n, $this->orderBy, $this->orderWay);
$catsample = new Category($subcategory['id_category'], false, $context->language->id);
$subcategories[$key]['productsList'] = $catsample->getProducts($this->context->language->id, 1, 4, $this->orderBy, $this->orderWay);
}
if(!empty($subcategories['children']))
if(!empty($subcategories))
{
$this->context->smarty->assign('subcategories', $subcategories);
$this->setTemplate(_PS_THEME_DIR_.'category-list.tpl');
}
else
{
$this->context->smarty->assign('subcategories', $subcategories);
$this->setTemplate(_PS_THEME_DIR_.'category.tpl');
}
}

57
www/themes/chocolatdemariage/category-list.tpl
View File

@ -3,37 +3,56 @@
{if isset($category)}
{if $category->id AND $category->active}
<main class="category-list">
<div class="content_scene_cat_bg"{if $category->id_image} style="background-image:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'});"{/if}>
<div class="cat_desc">
<i class="icon icon-{trim($category->liste_icons_univers)} icon-featured"></i>
<span class="category-name">
{strip}
{$category->name|escape:'html':'UTF-8'}
{if isset($categoryNameComplement)}
{$categoryNameComplement|escape:'html':'UTF-8'}
{/if}
{/strip}
</span>
{if Tools::strlen($category->description) > 350}
<div id="category_description_short" class="rte">{$description_short}</div>
<div id="category_description_full" class="unvisible rte">{$category->description}</div>
<a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
{else}
<div class="rte">{$category->description}</div>
{/if}
</div>
</div>
</div>
<!-- Sous-categorie -->
{if isset($subcategories)}
<section id="families" class="block">
<div class="ctn children-categories-ctn">
<div class="clearfix">
{foreach from=$subcategories.children item=subcategory key=key}
{foreach from=$subcategories item=subcategory key=key}
<div class="category-ctn">
<div class="banner-red">
<h3 class="title">{$subcategory.name}</h3>
<strong class="desc">{$subcategory.desc}</strong>
<strong class="desc">{$subcategory.description}</strong>
</div>
{if !empty($subcategory.children)}
<div class="children-categories">
{foreach from=$subcategory.children item=children name=children}
<a href="{$children.link}" title="{$children.name}">{$children.name} <strong>({$children.nbProduct})</strong></a>
{if $children.productsList}
<div class="products-list products">
<div class="product-anchor"></div>
<div class="row">
<div class="clearfix">
{include file="./product-list.tpl" products=$products nbProduct=4}
</div>
{if !empty($subcategory.productsList)}
<div class="product-categories">
<div class="products-list products">
<div class="inner">
<div class="row">
<div class="clearfix">
{include file="./product-list.tpl" products=$subcategory.productsList nbProduct=4}
</div>
</div>
<footer>
{include file="./pagination.tpl" paginationId='bottom'}
</footer>
{/if}
{/foreach}
</div>
</div>
</div>
{else}
<div class="inner">
<div class="alert alert-warning">
{l s='There is no product'}
</div>
</div>
{/if}
</div>
{/foreach}

5
www/themes/chocolatdemariage/category.tpl
View File

@ -6,7 +6,7 @@
<main>
<!-- Category image -->
<div class="content_scene_cat_bg"{if $category->id_image} style="background-image:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'});"{/if}>
{include file="./breadcrumb.tpl"}
{include file="./breadcrumb.tpl"}
{if !empty($category->linkExclusive)}
<aside class="filters-ctn">
{hook h='displayAsideCategory'}
@ -25,7 +25,6 @@
</aside>
{/if}
<div class="cat_desc">
<i class="icon icon-{trim($category->liste_icons_univers)} icon-featured"></i>
<span class="category-name">
{strip}
@ -38,7 +37,7 @@
{if Tools::strlen($category->description) > 350}
<div id="category_description_short" class="rte">{$description_short}</div>
<div id="category_description_full" class="unvisible rte">{$category->description}</div>
<a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
{*<a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>*}
{else}
<div class="rte">{$category->description}</div>
{/if}

331
www/themes/chocolatdemariage/css/global.css
View File

@ -258,6 +258,7 @@ body.content_only { margin: 0; }
}
@media (max-width: 991px) {
.header-main .header-top-right > div { padding: 0; }
.header-search .form-group .form-control { font-size: 13px; }
.header-main .header-top { margin-top: 0; }
.header-main .header-top.search-open { margin-top: 57px; }
@ -316,9 +317,52 @@ body.content_only { margin: 0; }
.myaccount .account-links li:last-child { padding-bottom: 0; }
.myaccount:hover .account-links a:hover { color: #bd0132; }
@media (max-width: 1319px) and (min-width: 990px) {
.myaccount > a span { font-size: 13px; }
}
@media (max-width: 990px) {
.myaccount:hover .account-links {
display: none!important;
}
.myaccount > a {
text-align: center;
width: 30px;
}
.myaccount > a .icon-user {
display: block;
font-size: 20px;
display: block;
margin-top: 26px;
padding: 0;
position: relative;
right: 0;
}
.myaccount > a .icon-user:before {
z-index: 1;
position: relative;
top: 2px;
}
.myaccount > a .icon-user:after {
content: '';
display: block;
width: 25px;
height: 25px;
top: 8px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: #f8e7f0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
z-index: 0;
}
.myaccount > a span { display: none; }
}
/************************************** == STICKY MENU == ***********************************/
.header-main.sticky {
position: fixed;
@ -792,7 +836,7 @@ body.content_only { margin: 0; }
.header-languages .chooseLanguage { font-size: 11px; }
}
@media (max-width: 990px) {
.menu-open .header-languages { height: auto; }
.menu-open .header-languages { height: auto; padding-top: 30px; padding-right: 15px; }
.menu-open .header-languages .chooseLanguage { display: block!important; }
.header-languages .panel, .header-languages:hover .panel { display: none; }
.header-languages .panel.open { display: block; }
@ -1092,8 +1136,16 @@ body.content_only { margin: 0; }
@media (max-width: 1349px) {
.cart-layout .nb-total-product, .cart-layout .ajax_quote_quantity { top: -14px; }
}
@media (max-width: 990px) {
#header-cart.cart-layout .nb-total-product {
color: #bd0132;
margin-left: -14px;
z-index: 3;
position: relative;
top: auto;
}
.cart-layout > a, .quotecart > a { padding-bottom: 0; }
.cart-layout i { font-size: 35px; margin-right: 0; }
}
@ -1374,6 +1426,10 @@ body.content_only { margin: 0; }
padding-top: 7px;
}
@media (max-width: 990px) {
.footer-bottom { padding-bottom: 0; }
}
@media (max-width: 767px) {
.footer-bottom .social-networks { padding-top: 20px; }
}
@ -1785,6 +1841,7 @@ body.content_only { margin: 0; }
.guidebook-block .desc { padding: 0; }
}
@media (max-width: 990px) {
.guidebook-title { padding-top: 45px; padding-bottom: 73px; }
.guidebook-block h3 { font-size: 19px; line-height: 17px; }
.guidebook-block .icon { height: 60px; padding-bottom: 10px; }
.guidebook-block h3 { padding-bottom: 11px; }
@ -2103,6 +2160,7 @@ body.content_only { margin: 0; }
}
@media (max-width: 990px) {
.best-chocolate .desc { line-height: 20px; }
.best-chocolate .title img { width: 60px; }
.best-chocolate li { display: none; }
@ -2218,7 +2276,9 @@ body.content_only { margin: 0; }
@media(max-width: 990px) {
.news-block:nth-child(even) .content { padding-left: 25px; }
.news-block .content { padding: 25px 0 0px 0; }
}
@media (max-width: 767px) {
.news-block .title { font-size: 35px; }
}
@ -2640,10 +2700,13 @@ body.content_only { margin: 0; }
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center top;
}
.category .content_scene_cat_bg .crumb {
padding-top: 12px;
display: inline-block;
position: relative;
z-index: 1;
}
.category .cat_desc {
top: 0;
@ -2654,6 +2717,7 @@ body.content_only { margin: 0; }
right: 480px;
padding: 85px 50px 140px 50px;
line-height: 20px;
min-width: 500px;
}
.category-name {
@ -2895,8 +2959,16 @@ body.content_only { margin: 0; }
z-index: 1;
padding-top: 25px;
}
@media (max-width: 1499px) {
.category .cat_desc { width: 480px; padding: 35px 50px 40px 50px; right: 400px; }
}
@media (max-width: 1319px) {
.category .cat_desc { width: 480px; padding: 35px 50px 40px 50px; }
.category .content_scene_cat_bg { height: 525px; min-height: 400px; }
#category .cat_desc .icon-featured { width: 95px; height: 95px; margin-bottom: 30px; font-size: 30px; }
#category .cat_desc .icon-featured:after { font-size: 90px; }
.icon-aurore_chocolats:before { line-height: 95px; }
.category-name { font-size: 30px; line-height: 30px; margin-bottom: 20px; }
.category .subcategory .subcategory-img { padding: 0 30px 0 15px }
.category .subcategory.odd .subcategory-img { padding: 0 15px 0 30px }
.category .subcategory .content { padding: 0 15px 0 30px }
@ -2944,33 +3016,7 @@ body.content_only { margin: 0; }
font-size: 11px;
}
.filters-open .site-content { z-index: 300; }
#layered_block_left {
background: rgba(0, 0, 0, 0);
bottom: 0;
left: 0;
padding: 0;
pointer-events: none;
position: fixed;
top: 0;
-webkit-transition: background 0.3s ease 0s;
-moz-transition: background 0.3s ease 0s;
transition: background 0.3s ease 0s;
right: 0;
z-index: 300;
}
.open #layered_block_left { background: rgba(0, 0, 0, 0.5); pointer-events: auto }
.filters .block_content {
background: #fff;
height: 100%;
right: -105%;
overflow-y: auto;
position: absolute;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 85%;
z-index: 200;
}
.filters.open .block_content { right: 0; }
.filters .filter-layout {
background: #fff;
@ -3071,6 +3117,7 @@ body.content_only { margin: 0; }
.category .subcategory.big .subcategory-img .content { padding: 45px 30px }
}
@media (max-width: 480px) {
.category .cat_desc { right: 80px; }
.category .subcategory .subcategory-img { left: auto; padding: 0 15px 15px 15px }
.category .subcategory.odd .subcategory-img { left: auto; padding: 0 15px 15px 15px }
.category .subcategory.small .subcategory-img { margin-bottom: 15px; }
@ -3082,29 +3129,53 @@ body.content_only { margin: 0; }
}
/*************************************** ++ FAMILIES ++ ************************************/
#families .banner-red {
background-color: #bd0132;
#families {
padding-top: 45px;
}
#families .banner-red .title {
font-family: 'staat';
color: #fff;
font-size: 35px;
text-align: center;
margin-bottom: 15px;
}
#families .banner-red .desc {
color: #fff;
max-width: 850px;
margin: auto;
display: block;
text-align: center;
font-size: 16px;
line-height: 21px;
margin-top: 35px;
#families .banner-red {
background-color: #bd0132;
}
#families .banner-red .title {
font-family: 'staat';
color: #fff;
font-size: 35px;
line-height: 35px;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
}
#families .banner-red .desc {
color: #fff;
max-width: 850px;
margin: auto;
display: block;
text-align: center;
font-size: 16px;
line-height: 21px;
margin-top: 35px;
}
#families .category-ctn > .inner {
padding: 15px 0;
position: relative;
}
#families .category-ctn .product-categories {
position: relative;
}
#families .category-ctn .product-categories:before {
content: '';
height: 20px;
width: 80px;
left: 0;
right: 0;
margin: auto;
top: -20px;
display: block;
position: absolute;
background-image: url(../img/triangle.png);
}
/*************************************** ++ FILTERS ++ ************************************/
@ -3204,6 +3275,22 @@ body.content_only { margin: 0; }
.filters-ctn .li:hover .icon
{ color: #bd0132; }
@media(max-width: 1699px) {
.filters-ctn { width: 300px; padding-left: 10px; width: 370px; }
.filters-ctn #ul_layered_id_feature_8 li .icon, .filters-ctn .li .icon { font-size: 30px; line-height: 35px; }
.filters-ctn #ul_layered_id_feature_8 li, .filters-ctn .li { font-size: 26px; }
}
@media(max-width: 990px) {
.filters-ctn { position: absolute; width: 100%; min-height: 150px; top: auto; left: 0; position: relative; }
.filters-ctn li, .filters-ctn .li { width: 33.33%; display: inline-block; }
.filters-ctn #ul_layered_id_feature_8 li { position: absolute; bottom: 0; }
.filters-ctn #ul_layered_id_feature_8 li:nth-child(2) { left: 33.33%; }
.filters-ctn .li { position: absolute; right: 0; bottom: 0; }
.category .content_scene_cat_bg { background-position: left top; }
}
/*************************************************************************************************************/
/*************************************** ++ PRODUCT ++ ************************************/
/*************************************************************************************************************/
@ -3226,6 +3313,7 @@ body.content_only { margin: 0; }
text-align: center;
font-size: 40px;
margin-bottom: 0;
padding-top: 20px;
}
.product-main .bg {
margin-top: -60px;
@ -3234,7 +3322,8 @@ body.content_only { margin: 0; }
.product-main .title-drop {
color: #908984;
font-size: 22px;
margin-top: 15px;
margin-top: 5px;
margin-bottom: 7px;
}
.product-main .title-drop:before, .product-main .title-drop:after { color: #908984; font-size: 18px; padding: 0 15px; }
@ -3273,6 +3362,7 @@ body.content_only { margin: 0; }
padding-right: 30px;
padding-top: 25px;
position: static;
background-color: #fff;
}
.product-main #main-info > .inner {
padding: 35px 0px;
@ -3321,7 +3411,61 @@ body.content_only { margin: 0; }
font-family: 'staat';
color: #bd0132;
}
.product-main #view_full_size {
#product .images-suggestion-config .header {
text-align: center;
padding-top: 60px;
padding-bottom: 40px;
}
#product .images-suggestion-config .header .title {
font-size: 40px;
line-height: 42px;
font-family: 'staat';
color: #bd0132;
display: block;
margin-bottom: 35px;
}
#product .images-suggestion-config .header .inner {
font-size: 16px;
line-height: 20px;
color: #4f3528;
max-width: 660px;
margin: auto;
}
#product .images-suggestion-config .bg-grey {
background-color: #f8f7f7;
}
#product .images-suggestion-config .ctn {
position: relative;
}
#product .images-suggestion-config .ctn:after,
#product .images-suggestion-config .ctn:before {
content: '';
display: block;
position: absolute;
width: 260px;
height: 130px;
left: 0;
top: -16px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url('../img/bg-fiesta1.png');
}
#product .images-suggestion-config .ctn:before {
content: '';
right: 0;
left: auto;
top: -16px;
background-image: url('../img/bg-fiesta2.png');
}
#product .images-suggestion-config .flexslider .slides img {
width: auto;
}
#product .images-suggestion-config #bigpic {
width: 100%;
height: auto;
}
#product #view_full_size {
display: block;
}
.product-main #view_full_size img {
@ -3337,15 +3481,17 @@ body.content_only { margin: 0; }
bottom: 20px;
left: 20px;
}
.product-main .flexslider .slides > li {
.product-main .flexslider .slides li {
width: 74px!important;
height: 74px!important;
margin-right: 15px;
position: relative;
overflow: hidden;
border-radius: 50px;
min-width: 150px;
}
.product-main .flexslider .slides > li img {
.product-main .flexslider .slides li img {
position: absolute;
top: 50%;
left: 50%;
@ -3354,12 +3500,12 @@ body.content_only { margin: 0; }
max-width: none;
z-index: 0;
}
.product-main .flexslider .slides > li a {
#product .flexslider .slides > li a {
overflow: hidden;
width: 100%;
height: 100%;
}
.product-main .flexslider .slides > li a:before {
#product .flexslider .slides > li a:before {
content: '';
border: 2px solid #f6e5eb;
display: block;
@ -3378,14 +3524,14 @@ body.content_only { margin: 0; }
}
.product-main #quantity_wanted_p .qtyInputs {
width: 100%;
display: block;
position: relative;
padding: 1px;
display: flex;
display: block;
text-align: center;
flex-flow: row wrap;
background-color: #fff;
}
.product-main .qtyInputs:before {
content: '';
@ -3420,11 +3566,15 @@ body.content_only { margin: 0; }
position: relative;
z-index: 3;
}
.product-main #quantity_wanted_p a:first-child { float: left; height: 40px; }
.product-main #quantity_wanted_p a:last-child { float: right; height: 40px; }
.product-main #quantity_wanted_p .form-control-ctn {
display: inline-block;
padding: 0;
flex-shrink: 1;
height: 40px;
background-color: #fff;
width: 120px;
}
.product-main #quantity_wanted_p .form-control-ctn:after,
.product-main #quantity_wanted_p .form-control-ctn:before {
@ -3437,6 +3587,7 @@ body.content_only { margin: 0; }
height: 100%;
text-align: center;
max-width: 100%;
background-color: #fff;
}
.product-main #quantity_wanted_p i {
color: #f3cfe1;
@ -3465,10 +3616,11 @@ body.content_only { margin: 0; }
margin-top: 80px;
}
.product-main.frame .product-actions { margin-top: 0; }
.product-main h1 {
font-size: 30px;
margin-bottom: 50px;
padding-right: 50px;
padding-right: 0px;
text-transform: uppercase;
}
.product-main.frame h1 { cursor: pointer; }
@ -3728,6 +3880,9 @@ body.content_only { margin: 0; }
}
@media (max-width: 991px) {
.product-main.configurator .bg-pink-dark { padding: 30px 20px; }
.product-main .price { font-size: 30px; }
.product-main #image-block { padding-right: 0; }
.product-main .page-heading h1 { padding-right: 0; padding-top: 30px; }
.product-main .product-actions { margin-top: 40px; }
@ -5659,7 +5814,7 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
.account .box-footer .btn {
font-size: 14px;
background-color: transparent;
background-color: #fff;
border: 2px solid #bd0132;
color: #bd0132;
}
@ -5703,6 +5858,10 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
padding: 30px;
padding-top: 60px;
}
.box-special .box .inner ul {
font-family: 'staat';
color: #908984;
}
.box-special .box .inner .title {
color: #bd0132;
text-align: center;
@ -5710,12 +5869,14 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
}
.box-special .address-title {
text-transform: uppercase;
font-family: 'lato';
color: #4f3528;
border-bottom: 1px solid #e8e7e7;
padding-bottom: 20px;
margin-bottom: 15px;
}
.box-special .address-title {
border-bottom: 1px solid #e8e7e7;
padding-bottom: 20px;
margin-bottom: 15px;
.box-special .address_name {
color: #4f3528;
}
#addresses .add-an-address {
@ -5764,6 +5925,7 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
}
.account .user-infos > span > span {
text-transform: uppercase;
color: #4f3528;
}
.account .addresses-preview {
@ -6642,7 +6804,7 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
/* cas spécifiques */
.product-main.configurator .ref-NOM2 .label {
display: none;
}
.product-main.configurator .ref-NOM1 {
margin-bottom: 5px;
@ -6651,4 +6813,37 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
left: 0;
right: 0;
margin: 0;
}
}
#main-info .custom-file .filename {
width: 100%;
}
#main-info .custom-file .action {
position: absolute;
top: 0;
width: 120px;
top: 0;
z-index: 1000;
right: 0;
background-color: #fff;
}
#main-info .custom-file > input {
z-index: 1;
}
#thumbs_list_frame {
height: 100px;
width: 100%;
overflow: hidden;
}
@media (max-width: 1399px) {
.product-main.configurator .bg-pink-dark { padding: 25px; }
.product-main.configurator .form-group .form-control-ctn, .product-main.configurator .form-group .form-control-ctn input { border: none!important; }
}

12
www/themes/chocolatdemariage/css/k2000.css
View File

@ -154,7 +154,7 @@ a { color: inherit; }
.icon-right { padding-left: 10px; padding-right: 0 }
.icon-user:before {
content: "\e92f";
content: "\e92b";
}
.icon-404:before {
content: "\e926";
@ -456,6 +456,7 @@ a { color: inherit; }
}
@media (max-width: 990px) {
.title-drop { font-size: 22px; }
.title-arrow:before, .title-arrow:after { display: none; }
}
@media (max-width: 767px) {
.title-arrow { font-size: 20px; line-height: 22px; }
@ -668,10 +669,13 @@ header.page-heading.category { background: none; padding: 0; }
margin-bottom: 15px;
}
#order .crumb { position: absolute; }
.crumb > div { font-size: 12px; }
.crumb span.navigation-pipe {
font-weight: normal;
padding-left: 3px;
padding-right: 3px;
}
.crumb a {
font-weight: normal;
@ -728,6 +732,9 @@ header.page-heading.category { background: none; padding: 0; }
}
.box .box-footer {
margin-top: 15px;
}
.account .box .box-footer {
overflow: hidden;
}
.box .box-footer > *:last-child {
float: left;
@ -1783,7 +1790,6 @@ padding-left: 5px; padding-right: 5px; }
}
.blockToAppear {
list-style-type: none;
margin-bottom: 15px;
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
@ -1814,4 +1820,4 @@ padding-left: 5px; padding-right: 5px; }
.big.blockToAppear {
-webkit-transform: translateY(150px);
transform: translateY(150px);
}
}

BIN
www/themes/chocolatdemariage/img/triangle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 821 B

2
www/themes/chocolatdemariage/js/product.js
View File

@ -190,7 +190,7 @@ function manageThumbsList()
{
$(document).ready(function(){
$('#thumbs_list_frame').lightGallery();
$('.flexslider').flexslider({
$('#thumbnails').flexslider({
animation: "slide",
animationLoop: false,
itemWidth: 80,

2
www/themes/chocolatdemariage/lang/fr.php
View File

@ -88,6 +88,7 @@ $_LANG['category-count_79ac892bd1769d83ef1c16dae9f4eddd'] = 'Il y a 1 produit.';
$_LANG['category-count_a9d48596a6537347711527bab8fcd152'] = 'Il y a %d produits.';
$_LANG['category-count_ff32f7dba36bcd6d0a4214cd80253c3a'] = 'La catégorie est vide.';
$_LANG['category-list_2f4e54ec9bebe1122b5c23217e764828'] = 'Cette catégorie est indisponible.';
$_LANG['category-list_763dab47c9a9febb38cd90224d9f138a'] = 'Il n\'y a pas de produit';
$_LANG['category_2f4e54ec9bebe1122b5c23217e764828'] = 'Cette catégorie est actuellement indisponible.';
$_LANG['category_702085cd8b96c1e778c9e59ffba0394d'] = '1 produit';
$_LANG['cms_eecc2cef7e0fa128ecb0557b66486539'] = 'Cette page n\'existe pas';
@ -519,6 +520,7 @@ $_LANG['product-list_216adaf4e98dc62ec3abeab51b9fc57f'] = 'Veuillez choisir au m
$_LANG['product-list_2d0f6b8300be19cf35e89e66f0677f95'] = 'Ajouter au panier';
$_LANG['product-list_3480e5e94074ed8737ba6c65a1fd8012'] = 'Acheter';
$_LANG['product-list_90723749917a82bf3ff8a73247d32ffb'] = 'Vous ne pouvez pas ajouter plus de %d produit(s) dans le comparateur.';
$_LANG['product-main-config_2d0f6b8300be19cf35e89e66f0677f95'] = 'Ajouter au panier';
$_LANG['product-main-standard_2d0f6b8300be19cf35e89e66f0677f95'] = 'Ajouter au panier';
$_LANG['product-sort_03590cca8220917788b5a6c25fa39a15'] = 'Le plus cher';
$_LANG['product-sort_4f4f552919d5a7ad3435b5fdb7fcae61'] = 'De Z à A';

58
www/themes/chocolatdemariage/product-main-config.tpl
View File

@ -6,6 +6,7 @@
<h1 class="title-arrow"><span>{$product->name|escape:'html':'UTF-8'}</span></h1>
<div class="subtitle">{l s='Choisissez vos options et personnalisez votre produit afin d’obtenir les détails et tarifs et un produit unique !'}</div>
<div class="title-drop">{l s='Découvrez des exemples de ce produit mis en situation'}</div>
<a href="#images-suggestion-config" class="btn btn3 scrollto">{l s='Je veux voir'}</a>
</div>
{if isset($confirmation) && $confirmation}
@ -99,13 +100,29 @@
{/if}
<!-- Quantité -->
{if !$PS_CATALOG_MODE}
<div class="form-group">
<label>{l s='Quantité'}</label>
<input type="text" name="qty" id="quantity_wanted" class="form-control" value="1" />
</div>
{/if}
<div id="quantity" class="clear invisible no-print">
{if !$PS_CATALOG_MODE}
<label for="quantity_wanted">{l s='Quantité'}</label>
<div id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
<div class="valign-middle form-group">
<div class="qtyInputs">
<a href="#" data-field-qty="qty" class="product_quantity_down">
<i class="icon icon-minus"></i>
</a>
<input type="text" name="qty" id="quantity_wanted" class="form-control" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" />
<a href="#" data-field-qty="qty" class="product_quantity_up">
<i class="icon icon-plus"></i>
</a>
</div>
</div>
<!-- minimal quantity wanted -->
<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
{l s='The minimum purchase order quantity for the product is'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b>
</p>
</div>
{/if}
</div>
<!-- Attributs -->
{if isset($groups)}
<div id="attributes" class="clear">
@ -188,34 +205,7 @@
{hook h='displayReassurance2'}
</div>
</div>
<!-- Thumbs-->
{if isset($images) && count($images) > 0}
<!-- thumbnails -->
<div class="clearfix img-list valign-middle">
<div class="col-md-offset-0 col-md-5 col-sm-offset-3 col-sm-6 col-xs-offset-0 col-xs-12">
<div id="thumbnails" class="flexslider clearfix {if isset($images) && count($images) < 2}hidden{/if}">
<ul id="thumbs_list_frame" class="slides">
{if isset($images)}
{foreach from=$images item=image name=thumbnails}
{assign var=imageIds value="`$product->id`-`$image.id_image`"}
{if !empty($image.legend)}
{assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}
{else}
{assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}
{/if}
<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>
<a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal}}{/literal}"{else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}">
<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" />
</a>
</li>
{/foreach}
{/if}
</ul>
</div>
</div>
</div>
{/if}
</div>

62
www/themes/chocolatdemariage/product.tpl
View File

@ -129,14 +129,62 @@
</div>
</section>
{if $config}
<div class="images-suggestion-config">
<div class="ctn">
<span class="title">{l s='Nos suggestions de mises en situation'}</span>
<div class="inner">
{l s='Disposez-les sur les tables comme élément de décoration. Vos invités repartiront ensuite avec. Offrez-les en main propre au départ de vos convives. Disposez-les en "pyramide" sur le buffet des dessert. Faites-les distribuer par vos demoiselles d\'honneur au moment du café.'}
<div>
<section class="site-content">
<div id="images-suggestion-config" class="images-suggestion-config bg-grey">
<div class="ctn">
<header class="header">
<span class="title">{l s='Nos suggestions de mises en situation'}</span>
<div class="inner">
{l s='Disposez-les sur les tables comme élément de décoration. Vos invités repartiront ensuite avec. Offrez-les en main propre au départ de vos convives. Disposez-les en "pyramide" sur le buffet des dessert. Faites-les distribuer par vos demoiselles d\'honneur au moment du café.'}
<div>
</header>
<!-- Images-->
<div id="image-block">
<!-- Image principale-->
{if $have_image}
<span id="view_full_size">
{if $jqZoomEnabled && $have_image && !$content_only}
<a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}">
<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>
</a>
{else}
<img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>
{/if}
</span>
{else}
<span id="view_full_size">
<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>
</span>
{/if}
<!-- Thumbs-->
{if isset($images) && count($images) > 0}
<!-- thumbnails -->
<div class="clearfix img-list valign-middle">
<div id="thumbnails" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">
<ul id="thumbs_list_frame" class="slides">
{if isset($images)}
{foreach from=$images item=image name=thumbnails}
{assign var=imageIds value="`$product->id`-`$image.id_image`"}
{if !empty($image.legend)}
{assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}
{else}
{assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}
{/if}
<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if} data-src="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" data-sub-html="{$imageTitle}">
<a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal}}{/literal}"{else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}">
<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" />
</a>
</li>
{/foreach}
{/if}
</ul>
</div>
</div>
{/if}
</div>
</div>
</div>
</div>
</section>
{/if}
{if isset($accessories) && $accessories}
<div id="accessories" class="tab-title">