Merge branch 'mobile' into develop

This commit is contained in:
root 2017-04-26 18:17:55 +02:00
commit 7dba99ca13
21 changed files with 528 additions and 488 deletions

View File

@ -1,29 +1,3 @@
{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2011 PrestaShop SA
* @version Release: $Revision: 8544 $
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
{include file="$tpl_dir./breadcrumb.tpl"}
{include file="$tpl_dir./errors.tpl"}
@ -77,13 +51,16 @@ $(document).ready(function() {
{if isset($category)}
{if $category->id AND $category->active}
{if $sale}
<h2 class="title sale_title"><span>{$sale->title[$cookie->id_lang]}</span></h2>
<div class="psales">
<h2 class="title sale_title">
<span class="gradient">
<a href="/" class="button_small back" title="{l s='Back'}">{l s='Back'}</a>
</span>
<span>{$sale->title[$cookie->id_lang]|truncate: 23}</span>
</h2>
<div class="psales">
{$HOOK_PRIVATESALES_CATEGORY}
</div>
{/if}
{if $sale}

View File

@ -12,8 +12,8 @@
#soFr{
overflow: auto;
}
#order #form{
-webkit-overflow-scrolling: touch;
#order #form{
overflow-y: scroll;
}
span.subtitle_create_account {
@ -725,19 +725,20 @@ body #page #columns{
background-color:#f0f0f0 !important;
color:#333;
}
body#index #columns{
padding:0px;
}
body#index #columns { padding:0px; background-color:#ffffff !important; }
body#category #page #columns { background-color:#ffffff !important; }
body#product #page #columns { background-color:#ffffff !important; }
/*** INDEX - CONNEXION ***/
/* HEADER */
#page #header a{
display:inline-block;
height:60px;
width:100%;
text-align: center;
}
#page #header .logo_block a{
#page #header .logo_block a {
display:block;
text-align:center;
height:60px;
@ -954,10 +955,12 @@ div#editorial_block_center p a:first-child{
.footer_social{
margin-top: 20px;
}
div#page #header {
z-index: 100;
}
div#page #header,
div#page #header .content,
div#page #header .content .top{
div#page #header .content .top {
height:60px;
width:100%;
overflow: hidden;
@ -969,78 +972,142 @@ div#page #header .content .top{
background: -ms-linear-gradient(top, rgba(100,97,150,1) 0%,rgba(76,72,126,1) 100%);
background: linear-gradient(to bottom, rgba(100,97,150,1) 0%,rgba(76,72,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646196', endColorstr='#4c487e',GradientType=0 );
position: relative;
-webkit-box-shadow: 0 5px 3px -3px #ccc;
/* -webkit-box-shadow: 0 5px 3px -3px #ccc;
-moz-box-shadow: 0 5px 3px -3px #ccc;
box-shadow: 0 5px 3px -3px #ccc;
box-shadow: 0 5px 3px -3px #ccc;*/
}
body#index div#page #header .content .top .logo_block{
min-width:100%;
width:100%;
body div#page #header .content .top .logo_block {
max-width:100%;
}
body.logged div#page #header .content .top .logo_block{
min-width:27.5% !important;
width:27.5 !important;
max-width:27.5% !important;
height:60px;
line-height:60px;
height:55px;
line-height:55px;
display:inline-block;
overflow:hidden;
float:left;
background: #e36ea2;
border-bottom: 2px solid #c35e8b;
margin-left: 70px;
}
body#index div#page #header .content .top .logo_block a{
width:100%;
}
body#index.logged div#page #header .content .top .logo_block a{
body div#page #header .content .top .logo_block a {
display:inline-block;
min-width:100%;
width:95px;
width: 175px;
display: block;
max-width:100%;
height:60px;
line-height:60px;
overflow: hidden;
}
div#page #header .content .top .logo_block a img{
body div#page #header .content .top .logo_block a img {
max-width: 100%;
}
div#page #header .content .top .logo_block a img {
vertical-align:middle;
width: 60%;
}
div#page #header .content .top #header_user{
display:inline-block;
min-width:48.1%;
width:48.1%;
max-width:48.1%;
height:60px;
border-bottom: 2px solid #413e6b;
/* menu */
div#page #header .icon.menu-mobile::before {
content: '';
display: inline-block;
width: 26px;
height: 26px;
background-image: url('../img/icon-menu.png');
background-size: cover;
background-repeat: no-repeat;
position: absolute;
left: 0;
}
/*@media screen and (max-width:320px){
div#page #header .content .top #header_user{
max-width: 225px;
#page #header a.open-panel {
width: 30px;
top: 15px;
left: 15px;
z-index: 1;
position: absolute;
}
.panel {
position: relative;
}
.panel.open { pointer-events: auto; }
.panel .inner {
position: fixed;
bottom: 0;
top: 0;
z-index: 10;
left: -100%;
width: 80%;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
}*/
div#page #header .content .top #header_user ul{
.panel .overlay {
transition: opacity 0.3s ease 0s;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
}
.panel.open .overlay {
content:'';
background: rgba(0, 0, 0, 0.75);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.panel.open .inner {
padding: 20px 30px;
left: 0;
background: rgb(100,97,150);
background: -moz-linear-gradient(top, rgba(100,97,150,1) 0%, rgba(76,72,126,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,97,150,1)), color-stop(100%,rgba(76,72,126,1)));
background: -webkit-linear-gradient(top, rgba(100,97,150,1) 0%,rgba(76,72,126,1) 100%);
background: -o-linear-gradient(top, rgba(100,97,150,1) 0%,rgba(76,72,126,1) 100%);
background: -ms-linear-gradient(top, rgba(100,97,150,1) 0%,rgba(76,72,126,1) 100%);
background: linear-gradient(to bottom, rgba(100,97,150,1) 0%,rgba(76,72,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646196', endColorstr='#4c487e',GradientType=0 );
}
.panel.open .icon-close:after {
content: '';
background-image: url('../img/close-white.png');
width: 15px;
height: 15px;
color: #fff;
font-size: 20px;
position: absolute;
right: 15px;
top: 15px;
font-family: arial;
}
/* /menu */
div#page #header .content .top #header_user {
position: relative;
}
div#page #header .content .top #header_user {
height: auto;
}
div#page #header .content .top #header_user ul {
margin:0px;
padding:0px;
text-align: left;
padding-top: 30px;
}
div#page #header .content .top #header_user ul li{
div#page #header .content .top #header_user ul li {
display: inline-block;
min-width:49.5%;
width:49.5%;
max-width:49.5%;
height:60px;
border-right: 1px solid #8d8baa;
width: 100%;
height: auto;
max-height:60px;
overflow: hidden;
float:left;
padding: 3px 10px;
}
div#page #header .content .top #header_user ul li a {
line-height: auto;
height: auto;
color: #fff;
}
div#page #header .content .top #header_user ul li a span{
color:#fff;
font-size:10px;
position: relative;
top: 5px;
}
@ -1054,13 +1121,16 @@ div#page #header .content .top #header_user ul li:first-child i{
font-size: 28px;
position: relative;
}
div#page #header .content .top #header_user ul li a{
div#page #header .content .top #header_user ul li a {
display:block;
text-align:center;
text-align:left;
position:relative;
width:100%;
background-repeat: no-repeat;
background-position:center 8px;
background-position: center 8px;
padding-left: 30px;
position: relative;
font-size: 15px;
}
div#page #header .content .top #header_user ul li.active a{
border-color:#e36ea2;
@ -1090,14 +1160,13 @@ div#page #header .content .top #cart_block i{
font-size: 28px;
position: relative;
color: #fff;
top: 10px;
top: 13px;
}
div#page #header .cart_link .block_content{
position: relative;
top: -20px;
}
div#page #header .cart_link{
div#page #header .cart_link {
display: block !important;
width: 100%;
height: 100%;
@ -1112,9 +1181,8 @@ div#page #header .content .top #cart_block #cart_block_summary span.ajax_cart_qu
position: absolute;
left: 53%;
width: 20px;
top: -20px;
top: -4px;
height: 20px;
z-index: 10;
line-height: 10px;
}
div#page #header .content .top #cart_block #cart_block_summary.active{
@ -1157,11 +1225,12 @@ div#page #header .content .top #cart_block div#cart_block_list{
display:none;
}
#left_column,
#center_column .breadcrumb{
#center_column .breadcrumb {
display:none;
}
body#index.logged #center_column{
background:#F0F0F0 !important
body#index #center_column {
background:#fff !important;
padding-top: 10px;
}
body#order-detail #center_column,
body#module-advsendtoafriend-sendtoafriend-form #center_column,
@ -1282,32 +1351,24 @@ body#module-advsendtoafriend-sendtoafriend-form div.letter p.info a span.nl{
font-size:13px;
}
body#index #columns #privatesales_block{
background-color:#f0f0f0 !important;
background-color:#ffffff !important;
color:#333;
}
body#index #columns #privatesales_block h2{
font-size:24px;
font-family:Georgia, Helvetica, sans-serif;
text-align:center;
font-weight:normal;
font-style: italic;
height:66px;
line-height:66px;
margin:0px;
color: #504c89;
margin-bottom: 15px;
border-bottom: 4px double #e4e4e4;
}
body#index #columns #privatesales_block ul{
list-style: none;
margin:0px;
}
body#index #columns #privatesales_block ul li{
body#index #columns #privatesales_block ul li {
/*height:260px;*/
background:#fff;
margin-bottom:20px;
overflow:hidden;
position: relative;
width: 49%;
float: left;
}
body#index #columns #privatesales_block ul li:nth-child(odd) {
margin-right: 2%;
}
body#trailer #columns .sale_links {
background:#fff;
@ -1342,7 +1403,7 @@ body#trailer #columns a.img_link img{
max-width:100%;
max-height:100%;
}
body#index #columns #privatesales_block ul li .date_sale{
body#index #columns #privatesales_block ul li .date_sale {
height: 46px;
margin-top: -50px;
padding: 10px;
@ -1355,9 +1416,9 @@ body#index #columns #privatesales_block ul li .date_sale{
padding-left: 48px;
}
body#index #columns #privatesales_block ul li .date_sale .date span{ color: #e36ea2; }
body#index #columns #privatesales_block ul li .short_desc{
body#index #columns #privatesales_block ul li .short_desc {
padding:3px 3%;
border-bottom: 4px solid #cccccc;
border-bottom: 4px solid #e5e5e5;
}
body#index #columns #privatesales_block ul li .actions .date,
body#index #columns #privatesales_block ul li .short_desc .date{
@ -1367,21 +1428,22 @@ body#index #columns #privatesales_block ul li .short_desc .date{
margin:0 0 0 3%;
}
body#index #columns #privatesales_block ul li .links,
body#trailer #columns .links{
body#trailer #columns .links {
position: relative;
min-height: 84px;
overflow: auto;
}
body#index #columns #privatesales_block ul li .links .short_desc,
body#trailer #columns .links .short_desc{
body#trailer #columns .links .short_desc {
padding-top: 10px;
float: left;
padding-bottom: 13px;
padding-left: 0;
padding-right: 10px;
min-height: 84px;
width: 78%;
float: left;
min-height: 20px;
width: 91%;
line-height: 20px;
}
body#trailer #columns .links .short_desc{
body#trailer #columns .links .short_desc {
padding: 10px;
}
body#index #columns #privatesales_block ul li .links .short_desc h3,
@ -1393,27 +1455,25 @@ body#trailer #columns .links{
font-weight: normal;
}
body#index #columns #privatesales_block ul li .links .short_desc .small_title,
body#trailer #columns .links .short_desc .small_title{
body#trailer #columns .links .short_desc .small_title {
color: #666666;
font-size: 13px;
font-size: 12px;
}
body#index #columns #privatesales_block ul li .links .short_desc .percent{
clear: both;
font-size: 13px;
margin-bottom: 5px;
body#index #columns #privatesales_block ul li .links .short_desc .small_title {
line-height: 15px;
display: block;
font-weight: bold;
color: #70bc2c;
}
body#index #columns #privatesales_block ul li .links .short_desc .percent { display: none; }
body#index #columns #privatesales_block ul li .links .actions,
body#trailer #columns .links .actions{
background: url('../img/arrow-blank.png') no-repeat center center #565485;
border-bottom: 4px solid #3c3662;
height: 88px;
min-height: 50px;
body#trailer #columns .links .actions {
background: url('../img/arrow-pink.png') no-repeat center center;
background-size: auto 20px;
border-bottom: 4px solid #e5e5e5;
min-height: 40px;
height: 40px;
position: absolute;
bottom: 0;
width:23%;
width: 9%;
right: 0;
}
body#index #columns #privatesales_block ul li .links .actions a,
@ -1421,15 +1481,29 @@ body#trailer #columns .links{
display: block;
width: 100%;
height: 100%;
margin-top: 5px;
margin-bottom: 5px;
display: block;
}
body#index #columns #privatesales_block #block_sales_home_future{
}
body#index #columns #privatesales_block #block_sales_home div.nosale,
body#index #columns #privatesales_block #block_sales_home_future div.nosale{
font-size:13px;
text-align:center;
}
body#index #columns #privatesales_block #block_sales_home_future .short_desc {
padding-right: 0;
}
body#index #columns #privatesales_block #block_sales_home_future .short_desc .date {
float: right;
line-height: 13px;
font-size: 12px;
}
body#index #columns #privatesales_block #block_sales_home_future {
}
/* CMS */
body#order-confirmation h1,
body#cms h1,
@ -1510,13 +1584,14 @@ body#product div.psales{
}
body#address div#order_step_parent .gradient,
body#order div#order_step_parent .gradient,
body#category div.psales .gradient,
body#category .sale_title .gradient,
body#product div.psales .gradient{
height:55px;
width:55px;
display:inline-block;
}
body#order-confirmation #center_column a.back,
body#module-cheque-payment #center_column a.back,
body#module-spay-payment #center_column a.back,
@ -1533,13 +1608,13 @@ body#order div#order_step_parent .gradient a.back,
body#order-slip a.back,
body#order-follow a.back,
body#history a.back,
body#category div.psales a.back,
body#product div.psales a.back{
body#category .sale_title a.back,
body#product .sale_title a.back {
height:55px;
width:55px;
color:transparent;
position:relative;
z-index:100;
z-index:99;
display: block;
left:0px;
top:0px;
@ -1547,22 +1622,57 @@ body#product div.psales a.back{
margin:0px;
background:url('../img/back_arrow.png') center center no-repeat #565485;
}
body#category div#sale_end,
body#product div#sale_end{
body#category div#sale_end {
background: url("../img/ico_time.png") no-repeat 10px center ;
color: #666666;
float: right;
font-family: Georgia;
/*font-family: Georgia;*/
font-size: 12px;
height: 51px;
line-height: 50px;
position: relative;
text-indent: 50px;
border-left: 1px solid #e4e4e4;
width: 74%;
}
body#category div#sale_end .date {
color: #e36ea2;
}
body#category .sale_title, body#product .sale_title {
margin: 0px -10px 10px -10px;
padding: 10px 0px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding: 10px 0px;
text-align: left;
}
body#category .sale_title .gradient,
body#product .sale_title .gradient {
padding: 0;
display: inline-block;
height: 40px;
width: 15%;
vertical-align: top;
border: 0;
}
body#category .sale_title .gradient a.back,
body#product .sale_title .gradient a.back {
width: 40px;
height: 40px;
z-index: 0;
background-size: 25px;
}
body#category .sale_title span:nth-child(2),
body#product .sale_title span:nth-child(2) {
display: inline-block;
width: 83%;
height: 40px;
line-height: 17px;
padding-left: 15px;
}
body#category .sale_title span:nth-child(2) {
text-align: center;
}
body#category div#sale_end #countdown,
body#product div#sale_end #countdown{
body#product div#sale_end #countdown {
color: #e36ea2;
}
body#category #sale_end.consumable,
@ -1590,9 +1700,8 @@ body#category ul#product_list{
}
body#category ul#product_list li{
width:100%;
padding:0px;
background: #fff;
padding: 5px;
padding: 5px 0;
margin:0px;
display:block;
position:relative;
@ -1610,8 +1719,8 @@ body#category ul#product_list li div.right_block{
padding:0px;
height:180px;
float:left;
min-height:180px;
max-height:180px;
min-height:150px;
max-height:150px;
}
body#category ul#product_list li div.left_block{
text-align:center;
@ -1640,8 +1749,8 @@ body#order-detail table#order-product tbody tr.item .cart_description h5{
}
body#order table#cart_summary tbody tr.cart_item .cart_description h5,
body#category ul#product_list li div.list-product-name h3{
padding:10px 2% 5px 4%;
body#category ul#product_list li div.list-product-name h3 {
padding:10px 2% 15px 4%;
font-family: georgia;
font-size:16px;
line-height: 20px;
@ -1649,6 +1758,10 @@ body#category ul#product_list li div.list-product-name h3{
font-weight:normal;
text-shadow:0px 0px 0px transparent;
}
body#category ul#product_list li div.list-product-name h3 {
padding-right: 0;
max-height: 65px;
}
body#order table#cart_summary tbody tr.cart_item .cart_description h5{
padding:0px 1% 0px 0%;
margin:0px;
@ -1697,18 +1810,18 @@ body#category ul#product_list li div.list-product-price span.price{
color:#e36ea2;
font-size:20px;
font-weight: normal;
margin-bottom: 5px;
margin-bottom: 3px;
display: block;
}
body#category ul#product_list li div.list-product-price span.reduction{
font-family:georgia;
color:#565485;
font-size:14px;
top: 5px;
top: 4px;
position: relative;
}
body#category ul#product_list li div.list-product-price span.old_price{
font-family:georgia;
/*font-family:georgia;*/
color:#9c9c9c;
font-size:11px;
}
@ -1758,11 +1871,24 @@ body#product #primary_block #thumbs_list ul li img{
max-width:100%;
max-height:100%;
}
body#product #primary_block div.show_price{
body#product #primary_block div.show_price {
min-height:70px;
text-align:center;
padding:10px;
}
body#product #primary_block #buy_block {
font-size: 0;
}
body#product #primary_block div.show_price.half {
width: 50%;
display: inline-block;
vertical-align: middle;
}
body#product #primary_block div.show_price.half + #attributes {
width: 50%;
display: inline-block;
vertical-align: middle;
}
body#product #primary_block div.show_price .price{
font-size:26px;
margin: 5px 0;
@ -1772,34 +1898,66 @@ body#product #primary_block div.show_price .price{
}
body#product #primary_block div.show_price #old_price{
font-size:14px;
font-family:Georgia;
/*font-family:Georgia;*/
color:#9c9c9c;
}
body#product #primary_block div.show_price #reduction_percent{
body#product #primary_block div.show_price #reduction_percent {
display: block;
margin-top: 5px;
font-size:18px;
font-family:Georgia;
color:#565485;
margin-left:5px;
font-size: 18px;
font-family: Georgia;
color: #565485;
margin-left: 5px;
}
body#product #primary_block form#buy_block{
body#product #primary_block form#buy_block {
padding:0px;
}
body#product #primary_block form#buy_block #attributes{
margin-bottom: 10px;
body#product #primary_block form#buy_block #attributes {
margin-bottom: 0px;
font-size: 14px;
padding: 10px 0;
}
body#product #primary_block form#buy_block #attributes p {
margin-bottom: 5px;
}
body#product #primary_block form#buy_block #attributes p:last-child { margin-bottom: 0; }
body#product #primary_block form#buy_block #attributes label{
margin-bottom: 5px;
display: block;
}
body#product #primary_block form#buy_block div.quantity_and_submit{
body#product #primary_block form#buy_block div.quantity_and_submit {
position:relative;
margin-top: 10px;
}
body#product #primary_block form#buy_block div.quantity_and_submit #quantity_wanted_p{
body#product #primary_block form#buy_block div.quantity_and_submit > .qty {
width: 50%;
text-align: center;
}
@media (max-width: 767px) {
body#product #primary_block form#buy_block div.quantity_and_submit > .qty { width: 40%; text-align: left; }
}
body#product #primary_block form#buy_block div.quantity_and_submit .action_quantity {
width: 20px;
display: inline-block;
vertical-align: bottom;
margin-left: 5px;
}
body#product #primary_block form#buy_block .action_quantity span {
width: 100%;
margin: 0 0 4px 0;
font-size: 12px;
line-height: 13px;
height: 18px;
border-color: #e5e5e5;
}
body#product #primary_block form#buy_block .action_quantity span:nth-child(2) {
margin-bottom: 0;
}
body#product #primary_block form#buy_block div.quantity_and_submit #quantity_wanted_p input {
display:inline-block;
width:20%;
width: 60px;
font-size: 12px;
}
body#order table#cart_summary tbody tr.cart_item .cart_description .cart_quantity label,
@ -1816,26 +1974,27 @@ body#product #primary_block form#buy_block div.quantity_and_submit #quantity_wan
line-height: 40px;
}
body#product #primary_block form#buy_block div.quantity_and_submit #add_to_cart{
width: 75%;
float: right;
position: absolute;
bottom: 0;
right: 0;
text-align: right;
}
body#product #primary_block form#buy_block div.quantity_and_submit #add_to_cart:after{
content:" ";
display:inline-block;
position:absolute;
z-index:2;
background:url('../img/cart.png') no-repeat center center #e36ea2;
height:36px;
width:40px;
background:url('../img/picto-cart.png') no-repeat center center #e36ea2;
background-position: 8px 4px;
height:35px;
width:37px;
top:0px;
right: 0;
border-bottom: 4px solid #b0547e;
left: -3px;
border-radius: 20px 0 0 20px;
}
body#product #primary_block form#buy_block div.quantity_and_submit #add_to_cart input{
background:#565485;
background: #4e4b8d;
color:#fff;
font-family:Georgia;
text-align: left;
@ -1844,9 +2003,10 @@ body#product #primary_block form#buy_block div.quantity_and_submit #add_to_cart
text-indent: 30px;
font-size:14px;
border: 0;
height: 40px;
line-height: 37px;
border-bottom: 4px solid #3c3662;
height: 35px;
line-height: 33px;
border-radius: 30px;
padding: 0 15px;
}
body#product #pb-left-column{
background: #fff;
@ -1878,7 +2038,7 @@ body#product p.warning_inline{
float: left;
}
body#product #primary_block #short_description_block{
padding:20px;
padding:5px;
font-size:12px;
color:#1e1633;
}
@ -1964,8 +2124,8 @@ body#module-invite-invite-program .tab_wrap > div{
body#module-invite-invite-program .tab_wrap.opened h2 .gradient a:after{
background-position: 0 0;
}
body#product #primary_block #more_info_block{
padding:0px 20px 20px 20px;
body#product #primary_block #more_info_block {
padding:0px 0px 20px 0px;
font-size:12px;
}
body#authentication #columns .content #center_column #account-creation_form h3,
@ -3611,9 +3771,9 @@ h2.title{
padding: 10px;
text-align: center;
position: relative;
-webkit-box-shadow: 0 5px 3px -3px #ccc;
/* -webkit-box-shadow: 0 5px 3px -3px #ccc;
-moz-box-shadow: 0 5px 3px -3px #ccc;
box-shadow: 0 5px 3px -3px #ccc;
box-shadow: 0 5px 3px -3px #ccc;*/
}
body#module-invite-invite-rules #columns .content #center_column h1 span,

View File

@ -1,30 +1,3 @@
{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2011 PrestaShop SA
* @version Release: $Revision: 6594 $
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
{if $page_name == 'index' || $page_name == 'category' || $page_name == 'product'}
<div id="totop">
<span class="gradient">
@ -58,11 +31,9 @@
</div>
<div class="footer_img">
<p>
<img src="{$img_dir}logo_mobile_footer_{$cookie->id_lang}.png" alt="Logo Bébéboutik">
</p>
<div class="footer_social">
<div class="facebook">
<!-- <div class="facebook">
<div class="fb-like" data-href="http://www.bebeboutik.com/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
@ -72,7 +43,15 @@
js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</div>
</div> -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="twitter">
</div>

View File

@ -0,0 +1 @@
<meta property="og:site_name" content="{$shop_name}" /> <meta property="og:title" content="{$meta_title|escape:'html':'UTF-8'}" /> <!-- Home --> {if $page_name == 'index'} <meta property="og:type" content="website" /> <meta property="og:url" content="{$base_uri}" /> <meta property="og:image" content="{$img_dir}logo-fb.png" /> {if isset($meta_description) AND $meta_description} <meta property="og:description" content="{$meta_description|escape:'html':'UTF-8'}" /> {/if} <!-- Categorie --> {elseif $page_name == 'category' && isset($category)} <meta property="og:type" content="website" /> <meta property="og:url" content="{$link->getCategoryLink($category->id)}" /> <meta property="og:image" content="{$base_dir}img/c/banners/{$category->id}.jpg" /> {if !empty($category->description)} <meta property="og:description" content="{$category->description|strip_tags}" /> {/if} <!-- Produit --> {elseif $page_name == 'product' && isset($product)} <meta property="og:type" content="product" /> <meta property="og:url" content="{$link->getProductLink($product->id)}" /> <meta property="og:image" content="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" /> {if !empty($product->resume)} <meta property="og:description" content="{$product->resume|strip_tags}" /> {elseif !empty($product->description)} <meta property="og:description" content="{$product->description|strip_tags}" /> {/if} {if isset($price)} <meta property="product:price:amount" content="{$price}" /> {/if} <meta property="product:price:currency" content="{$currency->iso_code}" /> {if isset($weight) && ($weight != 0)} <meta property="product:weight:value" content="{$weight}" /> <meta property="product:weight:units" content="{$weight_unit}" /> {/if} <!-- PSBlog --> {elseif $page_name == 'module-psblog-posts'} <meta property="og:type" content="article" /> <meta property="og:url" content="{BlogLink::linkPost($post->id, $post->link_rewrite)}" /> {if isset($post_images[0])} <meta property="og:image" content="{$posts_img_path|escape:'html':'UTF-8'}thumb/{$post_images[0].img_name|escape:'html':'UTF-8'}" /> {/if} <!-- Autres --> {else} <meta property="og:type" content="website" /> <meta property="og:image" content="{$img_dir}logo-fb.png" /> {if isset($meta_description) AND $meta_description} <meta property="og:description" content="{$meta_description|escape:'html':'UTF-8'}" /> {/if} {/if}

View File

@ -1,29 +1,3 @@
{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2011 PrestaShop SA
* @version Release: $Revision: 9140 $
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" xml:lang="{$lang_iso}">
<head>
@ -61,16 +35,18 @@
var roundMode = {$roundMode};
var isoLang = "{$lang_iso}";
</script>
{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{/if}
<script src="{$content_dir}themes/site_mobile/js/global.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="apple-touch-icon" href="{$base_dir_ssl}img/apple-touch-icon.png" />
{$HOOK_HEADER}
@ -435,6 +411,7 @@
a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1);
</script>
{/literal}
{include file="$tpl_dir./header-meta-fb.tpl"}
</head>
<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{$bodyClass}{if $cookie->isLogged()} logged{/if}">
@ -464,6 +441,11 @@
<div id="header">
<div class="content">
<div class="top">
{if $logged}
<a href="#header_user" class="open-panel"><i class="icon menu-mobile"></i></a>
{/if}
<!-- <div><img src="{$img_dir}logo-mobile.png"/></div> -->
<div class="content">
{$HOOK_TOP}
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,16 @@
$(document).ready(function() {
$('.open-panel').click(function(e) {
e.preventDefault();
target = $(this).attr('href');
$(target).addClass('open');
});
$('.panel .overlay').click(function(e) {
e.preventDefault();
$(this).parent().removeClass('open');
});
$('.panel .icon-close').click(function(e) {
e.preventDefault();
$(this).parent().parent().removeClass('open');
});
});

View File

@ -65,9 +65,8 @@ $(document).ready(function() {
<div id="cart_block" class="block exclusive">
<a href="{$link->getPageLink("$order_process.php", true)}" class="cart_link">
<i class="icon-header-panier"></i> <br />
<span>{l s='Cart' mod='blockcartex'}</span>
<div class="block_content">
<!-- block summary -->
<!-- block summary -->
<div id="cart_block_summary" class="{if $smarty.server.PHP_SELF == '/brico2/order.php'}active{/if}">
<span class="ajax_cart_quantity" {*if $cart_qties <= 0}style="display:none;"{/if*}>{$cart_qties}</span>
<span class="ajax_cart_product_txt_s" {if $cart_qties <= 1}style="display:none"{/if}>{l s='products' mod='blockcartex'}</span>

View File

@ -1,5 +1,5 @@
<!-- MODULE Block logo -->
<div class="logo_block">
<a href="{$base_dir_ssl}" title="{l s='Return to the homepage' mod='blocklogo'}"><img src="{$base_dir_ssl}img/{if !$cookie->isLogged()}nologged_logo_mobile_footer_{$cookie->id_lang}{else}logo_mobile{/if}.png" alt="" /></a>
<a href="{$base_dir_ssl}" title="{l s='Return to the homepage' mod='blocklogo'}"><img src="{$img_dir}logo_mobile.png" alt="" /></a>
</div>
<!-- /MODULE Block logo -->

View File

@ -1,63 +1,26 @@
{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2011 PrestaShop SA
* @version Release: $Revision: 6594 $
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
{if $cookie->isLogged()}
<!-- Block user information module HEADER -->
<div id="header_user">
<ul id="header_nav">
{*<li>
<a href="{$base_dir_ssl}" title="{l s='Go back to the homepage' mod='blockuserinfo'}">
<span>{l s='Home' mod='blockuserinfo'}</span>
<span class="desc">{l s='All sales' mod='blockuserinfo'}</span>
</a>
</li>*}
<div id="header_user" class="panel">
<div class="overlay"></div>
<ul id="header_nav" class="inner">
<i class="icon-close"></i>
<li>
<a href="{$base_dir_ssl}modules/invite/invite-program.php" title="{l s='Sponsor your friends' mod='blockuserinfo'}">
<i class="icon-header-parrainage"></i> <br/>
<span>{l s='Referral program' mod='blockuserinfo'}</span>
<span class="desc">{l s='Your credit:' mod='blockuserinfo'} <span id="customer_credit">{if isset($customer_credit)}{$customer_credit}{else}#{/if}</span></span>
</a>
<a href="{$link->getPageLink('history.php', true)}" title="{l s='History and details of my orders' mod='blockuserinfo'}">{l s='Orders' mod='blockuserinfo'}</a>
</li>
<li class="last">
<a href="{$link->getPageLink('my-account.php', true)}" title="{l s='My account' mod='blockuserinfo'}">
<i class="icon-header-user"></i> <br/>
<span>{l s='My account' mod='blockuserinfo'}</span>
<span class="desc">{$cookie->customer_firstname|replace:'-':'- '|strtolower|ucwords|replace:'- ':'-'} {$cookie->customer_lastname|strtoupper|substr:0:1}.</span>
</a>
<div class="sub">
<ul>
<li><a href="{$link->getPageLink('history.php', true)}" title="{l s='History and details of my orders' mod='blockuserinfo'}">{l s='Orders' mod='blockuserinfo'}</a></li>
{*<li><a href="{$link->getPageLink('contact-form.php', true)}?id_contact=3" title="{l s='My merchandise returns' mod='blockuserinfo'}">{l s='Merchandise returns' mod='blockuserinfo'}</a></li>*}
<li><a href="{$link->getPageLink('order-slip.php', true)}" title="{l s='My credit slips' mod='blockuserinfo'}">{l s='Credit slips' mod='blockuserinfo'}</a></li>
<li><a href="{$link->getPageLink('addresses.php', true)}" title="{l s='My addresses' mod='blockuserinfo'}">{l s='Addresses' mod='blockuserinfo'}</a></li>
<li><a href="{$link->getPageLink('identity.php', true)}" title="{l s='My personal information' mod='blockuserinfo'}">{l s='Information' mod='blockuserinfo'}</a></li>
<li><a href="{$link->getPageLink('discount.php', true)}" title="{l s='My vouchers' mod='blockuserinfo'}">{l s='Vouchers' mod='blockuserinfo'}</a></li>
<li><a href="{$link->getPageLink('index.php', true)}?mylogout" title="{l s='Log out' mod='blockuserinfo'}">{l s='Log me out' mod='blockuserinfo'}</a></li>
</ul>
</div>
<li>
<a href="{$link->getPageLink('identity.php', true)}" title="{l s='My personal information' mod='blockuserinfo'}">{l s='Information' mod='blockuserinfo'}</a>
</li>
<li>
<a href="{$link->getPageLink('discount.php', true)}" title="{l s='My vouchers' mod='blockuserinfo'}">{l s='Vouchers' mod='blockuserinfo'}</a>
</li>
<li>
<a href="{$base_dir_ssl}modules/invite/invite-program.php" title="{l s='Sponsor your friends' mod='blockuserinfo'}">{l s='Referral program' mod='blockuserinfo'}</a>
</li>
{$HOOK_CUSTOMER_ACCOUNT}
<li class="logout">
<a href="{$link->getPageLink('index.php')}?mylogout" title="{l s='Log me out' mod='blockuserinfo'}">{l s='Log out' mod='blockuserinfo'}</a>
</li>
</ul>
</div>
<script type="text/javascript">{literal}

View File

@ -38,7 +38,6 @@
<div class="modalbox_shadow" style="display: none;"></div>
<div class="modalbox_login" style="display: none;">
<a class="close_button" title="{l s='fermer' mod='privatesales'}"></a>
<p>{l s='You need to login' mod='privatesales'}</p>
{*
@ -72,8 +71,7 @@
<div id="privatesales_block">
<div id="block_sales_home">
<h2>{l s='Current sales' mod='privatesales'}</h2>
<div class="content">
<div class="content clearfix">
{if count($sales) > 0}
{assign var=extrafields value=$HOOK_PRIVATESALES_LISTING|unserialize}
<ul>
@ -82,22 +80,16 @@
<li onclick="{if $cookie->isLogged() OR $showtoguests}window.location.href='{$link->getCategoryLink($sale->id_category, $sale->alias[$cookie->id_lang])|escape:'htmlall':'UTF-8'}';{/if}">
{include file="./themes/site_mobile/delay.tpl" delivery_delay=$sale->delivery_delay}
<a href="{$link->getCategoryLink($sale->id_category, $sale->alias[$cookie->id_lang])|escape:'htmlall':'UTF-8'}" class="img_link"><img class="background" alt="{$sale->title[$cookie->id_lang]}" src="{$path}img/{$sale->id}/liston_{$cookie->id_lang}.jpg" /></a>
<div class="date_sale">
<span class="date">{l s='To' mod='privatesales'} <span>{$sale->date_end|date_format:'%e %B'}</span></span>
</div>
<div class="links">
<div class="short_desc">
<h3>{$sale->title[$cookie->id_lang]}</h3>
<span class="extra_info">
{if isset($extrafields[$sale->id])}
{$extrafields[$sale->id]}
{/if}
</span>
</div>
<div class="actions">
<div class="actions">
<a class="enter" href="{$link->getCategoryLink($sale->id_category, $sale->alias[$cookie->id_lang])|escape:'htmlall':'UTF-8'}"></a>
</div>
</div>
@ -112,8 +104,8 @@
{/if}
</div>
</div>
<div id="block_sales_home_future">
<div class="content">
<div id="block_sales_home_future">
<div class="content clearfix">
{if count($futuresales) > 0}
<a id="toggle_futuresales">{l s='Future sales' mod='privatesales'}</a>
<ul id="futuresales_list">
@ -123,8 +115,10 @@
<img class="background" alt="{$sale->title[$cookie->id_lang]}" src="{$path}img/{$sale->id}/listoff_{$cookie->id_lang}.jpg" />
<div class="links">
<div class="short_desc">
<h3>{$sale->title[$cookie->id_lang]}</h3>
<span class="extra_info">
<div class="date">
{l s='From ' mod='privatesales'} {$sale->date_start|date_format:'%e/%m'}
</div>
{if isset($extrafields[$sale->id])}
{$extrafields[$sale->id]}
{/if}

View File

@ -5,9 +5,11 @@
</div>
{else}
<div id="sale_end">
{l s='This sale ends in' mod='privatesales_countdown'} <span id="countdown"></span>
{l s='Until' mod='privatesales_countdown'}
<span class="date"> {$sale->date_start|date_format:'%e/%m'}</span> {l s='at' mod='privatesales_countdown'}
<span class="hour">{$sale->date_start|date_format:'%Hh%M'}</span>
</div>
<script type="text/javascript" src="{$base_dir_ssl}modules/privatesales_countdown/js/jquery.countdown.min.js"></script>
{*<script type="text/javascript" src="{$base_dir_ssl}modules/privatesales_countdown/js/jquery.countdown.min.js"></script>
<script type="text/javascript" src="{$base_dir_ssl}modules/privatesales_countdown/js/jquery.countdown-{$lang_iso}.js"></script>
<script type="text/javascript">{literal}
var endstring = "{/literal}{$sale->date_end}{literal}";
@ -15,6 +17,6 @@
var endtime = endstring.split(' ')[1].split(':');
var endofsale = new Date(enddate[0], enddate[1]-1, enddate[2], endtime[0], endtime[1], endtime[2]);
$('#countdown').countdown({serverSync:function(){var d = new Date({/literal}{$smarty.now|date_format:'%Y, '}{$smarty.now|date_format:'%-m'} - 1{$smarty.now|date_format:', %-d, %-H, %-M, %-S'}{literal}); return d;}, until: endofsale, layout: '{d<}{dn} {dl} {d>} {hn} {hl}'});
{/literal}</script>
{/literal}</script>*}
{/if}
{/if}

View File

@ -37,7 +37,7 @@
<div class="right_block">
<div class="list-product-name">
<a class="" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">
<h3>{$product.name|truncate:38:'...'}</h3>
<h3>{$product.name|truncate:37:'...'}</h3>
</a>
<div class="list-product-price">
{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
@ -75,11 +75,7 @@
{/if}
{/if}
{/if}
<span class="gradient">
<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">
<img src="{$img_dir}arrow-blank.png" alt="{$product.description_short|truncate:360:'...'|strip_tags:'UTF-8'|escape:'htmlall':'UTF-8'}" />
</a>
</span>
</div>
</div>
</div>

View File

@ -1,29 +1,3 @@
{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2011 PrestaShop SA
* @version Release: $Revision: 8910 $
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
{include file="$tpl_dir./errors.tpl"}
{if $errors|@count == 0}
<script type="text/javascript">
@ -125,19 +99,16 @@ var oneQuantityAvailableSentence = '{l s='Warning: 1 item in stock!' js=1}';
{/if}
<div class="product_title">
<h1 class="title sale_title"><span>{$product->name|escape:'htmlall':'UTF-8'}</span></h1>
</div>
{if $sale}
<div class="psales">
<h1 class="title sale_title">
{if isset($smarty.server.HTTP_REFERER) && preg_replace('#^https?://[^/]+/#', '/', $smarty.server.HTTP_REFERER) != $request_uri}
<span class="gradient">
<a href="{$smarty.server.HTTP_REFERER|escape:'htmlall':'UTF-8'|secureReferrer}" class="button_small back" title="{l s='Back'}">{l s='Back'}</a>
</span>
{/if}
{$HOOK_PRIVATESALES_PRODUCT}
</div>
{/if}
<span>{$product->name|escape:'htmlall':'UTF-8'|truncate:24}</span></h1>
</div>
<div id="primary_block" class="clearfix">
@ -218,84 +189,12 @@ var oneQuantityAvailableSentence = '{l s='Warning: 1 item in stock!' js=1}';
</div>
{/if}
<div class="show_price">
<!-- prices -->
{if $product->show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
<p class="price">
{if !$priceDisplay || $priceDisplay == 2}
{assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, 2)}
{assign var='productPriceWithoutRedution' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}
{elseif $priceDisplay == 1}
{assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, 2)}
{assign var='productPriceWithoutRedution' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}
{/if}
{if $product->on_sale}
<img src="{$img_dir}onsale_{$lang_iso}.gif" alt="{l s='On sale'}" class="on_sale_img"/>
<span class="on_sale">{l s='On sale!'}</span>
{*{elseif $product->specificPrice AND $product->specificPrice.reduction AND $productPriceWithoutRedution > $productPrice}
<span class="discount">{l s='Reduced price!'}</span>*}
{/if}
<span class="our_price_display">
{if $priceDisplay >= 0 && $priceDisplay <= 2}
<span id="our_price_display">{convertPrice price=$productPrice}</span>
{*
{if $tax_enabled && ((isset($display_tax_label) && $display_tax_label == 1) OR !isset($display_tax_label))}
{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}
{/if}
*}
{/if}
</span>
{if $priceDisplay == 2}
<span id="pretaxe_price"><span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL, 2)}</span>&nbsp;{l s='tax excl.'}</span>
{/if}
</p>
{if $product->specificPrice AND $product->specificPrice.reduction}
<p id="old_price">
<span>
{l s='Instead of'}
{if $priceDisplay >= 0 && $priceDisplay <= 2}
{if $productPriceWithoutRedution > $productPrice}
<span id="old_price_display">{convertPrice price=$productPriceWithoutRedution}
{if $tax_enabled && $display_tax_label == 1}
{if $priceDisplay == 1}
{l s='tax excl.'}
{else}
{l s='tax incl.'}{/if}
{/if}
{/if}
</span>
{/if}
</span>
{if $product->specificPrice AND $product->specificPrice.reduction_type == 'percentage'}
<span id="reduction_percent">{l s='(-'} <span id="reduction_percent_display">{($product->specificPrice.reduction*100)|round|string_format:'%d'}</span>%{l s=')'}</span>
{/if}
</p>
{/if}
{if $packItems|@count}
<p class="pack_price">{l s='instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>
<br class="clear" />
{/if}
{if $product->ecotax != 0}
<p class="price-ecotax">{l s='include'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='for green tax'}
{if $product->specificPrice AND $product->specificPrice.reduction}
{l s='(not impacted by the discount)'}
{/if}
</p>
{/if}
{if !empty($product->unity) && $product->unit_price_ratio > 0.000000}
{math equation="pprice / punit_price" pprice=$productPrice punit_price=$product->unit_price_ratio assign=unit_price}
<p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'htmlall':'UTF-8'}</p>
{/if}
{*close if for show price*}
{/if}
</div>
{if ($product->show_price AND !isset($restricted_country_mode)) OR isset($groups) OR $product->reference OR (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}
<!-- add to cart form-->
<form id="buy_block" {if $PS_CATALOG_MODE AND !isset($groups) AND $product->quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart.php')}" method="post">
<form id="buy_block" class="clearfix {if $PS_CATALOG_MODE AND !isset($groups) AND $product->quantity > 0}hidden{/if}" action="{$link->getPageLink('cart.php')}" method="post">
<!-- hidden datas -->
<p class="hidden">
<input type="hidden" name="token" value="{$static_token}" />
@ -303,73 +202,145 @@ var oneQuantityAvailableSentence = '{l s='Warning: 1 item in stock!' js=1}';
<input type="hidden" name="add" value="1" />
<input type="hidden" name="id_product_attribute" id="idCombination" value="" />
</p>
<div class="clearfix valign-middle">
<div class="show_price {if isset($groups)} half {/if}">
<!-- prices -->
{if $product->show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
<p class="price">
{if !$priceDisplay || $priceDisplay == 2}
{assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, 2)}
{assign var='productPriceWithoutRedution' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}
{elseif $priceDisplay == 1}
{assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, 2)}
{assign var='productPriceWithoutRedution' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}
{/if}
{if $product->on_sale}
<img src="{$img_dir}onsale_{$lang_iso}.gif" alt="{l s='On sale'}" class="on_sale_img"/>
<span class="on_sale">{l s='On sale!'}</span>
{*{elseif $product->specificPrice AND $product->specificPrice.reduction AND $productPriceWithoutRedution > $productPrice}
<span class="discount">{l s='Reduced price!'}</span>*}
{/if}
<span class="our_price_display">
{if $priceDisplay >= 0 && $priceDisplay <= 2}
<span id="our_price_display">{convertPrice price=$productPrice}</span>
{*
{if $tax_enabled && ((isset($display_tax_label) && $display_tax_label == 1) OR !isset($display_tax_label))}
{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}
{/if}
*}
{/if}
</span>
{if $priceDisplay == 2}
<span id="pretaxe_price"><span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL, 2)}</span>&nbsp;{l s='tax excl.'}</span>
{/if}
</p>
{if $product->specificPrice AND $product->specificPrice.reduction}
<p id="old_price">
<span>
{l s='Instead of'}
{if $priceDisplay >= 0 && $priceDisplay <= 2}
{if $productPriceWithoutRedution > $productPrice}
<span id="old_price_display">{convertPrice price=$productPriceWithoutRedution}
{if $tax_enabled && $display_tax_label == 1}
{if $priceDisplay == 1}
{l s='tax excl.'}
{else}
{l s='tax incl.'}{/if}
{/if}
{/if}
</span>
{/if}
</span>
{if $product->specificPrice AND $product->specificPrice.reduction_type == 'percentage'}
<span id="reduction_percent">{l s='(-'} <span id="reduction_percent_display">{($product->specificPrice.reduction*100)|round|string_format:'%d'}</span>%{l s=')'}</span>
{/if}
</p>
{if isset($groups)}
<!-- attributes -->
<div id="attributes">
{foreach from=$groups key=id_attribute_group item=group}
{if $group.attributes|@count}
<p>
<label for="group_{$id_attribute_group|intval}">{$group.name|escape:'htmlall':'UTF-8'}
{if $id_attribute_group == '795' ||
$id_attribute_group == '75'}
<span class="help_tailles tailles">&nbsp;</span>
{/if}
:</label>
{if $id_attribute_group == '795' || $id_attribute_group == '75'}
<div class="info_tailles overlay_bbb" style="display:none"></div>
<div class="info_tailles box_info_size" style="display:none">
<div class="content">
<div class="close" id="close_add_to_cart">
<img src="{$img_dir}/close.jpg" alt="{l s='Fermer la fenètre'}">
</div>
<div class="innerbox_info">
<p class="show_info_size">
{l s='La taille affichée correspond au standard français. Elle peut différer de la taille inscrite sur l\'emballage du produit.'}
</p>
</div>
</div>
</div>
{if $packItems|@count}
<p class="pack_price">{l s='instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>
<br class="clear" />
{/if}
{if $product->ecotax != 0}
<p class="price-ecotax">{l s='include'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='for green tax'}
{if $product->specificPrice AND $product->specificPrice.reduction}
{l s='(not impacted by the discount)'}
{/if}
</p>
{/if}
{if !empty($product->unity) && $product->unit_price_ratio > 0.000000}
{math equation="pprice / punit_price" pprice=$productPrice punit_price=$product->unit_price_ratio assign=unit_price}
<p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'htmlall':'UTF-8'}</p>
{/if}
{*close if for show price*}
{/if}
</div>
{if isset($groups)}
<!-- attributes -->
<div id="attributes">
{foreach from=$groups key=id_attribute_group item=group}
{if $group.attributes|@count}
<p>
<label for="group_{$id_attribute_group|intval}">{$group.name|escape:'htmlall':'UTF-8'}
{assign var="groupName" value="group_$id_attribute_group"}
<select name="{$groupName}" id="group_{$id_attribute_group|intval}" onchange="javascript:findCombination();{if $colors|@count > 0}$('#wrapResetImages').show('slow');{/if};">
{foreach from=$group.attributes key=id_attribute item=group_attribute}
<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
{/foreach}
</select>
</p>
{if $id_attribute_group == '795' ||
$id_attribute_group == '75'}
<span class="help_tailles tailles">&nbsp;</span>
{/if}
:</label>
{if $id_attribute_group == '795' || $id_attribute_group == '75'}
<div class="info_tailles overlay_bbb" style="display:none"></div>
<div class="info_tailles box_info_size" style="display:none">
<div class="content">
<div class="close" id="close_add_to_cart">
<img src="{$img_dir}/close.jpg" alt="{l s='Fermer la fenètre'}">
</div>
<div class="innerbox_info">
<p class="show_info_size">
{l s='La taille affichée correspond au standard français. Elle peut différer de la taille inscrite sur l\'emballage du produit.'}
</p>
</div>
</div>
</div>
{/if}
{assign var="groupName" value="group_$id_attribute_group"}
<select name="{$groupName}" id="group_{$id_attribute_group|intval}" onchange="javascript:findCombination();{if $colors|@count > 0}$('#wrapResetImages').show('slow');{/if};">
{foreach from=$group.attributes key=id_attribute item=group_attribute}
<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
{/foreach}
</select>
</p>
{/if}
{/foreach}
</div>
{/if}
{/foreach}
</div>
{/if}
{*<p id="product_reference" {if isset($groups) OR !$product->reference}style="display: none;"{/if}><label for="product_reference">{l s='Reference :'} </label><span class="editable">{$product->reference|escape:'htmlall':'UTF-8'}</span></p>*}
<div class="quantity_and_submit">
<!-- quantity wanted -->
<p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) OR $virtual OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
<label>{l s='Quantity'} :</label>
<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" size="2" maxlength="3" {if $product->minimal_quantity > 1}onkeyup="checkMinimalQuantity({$product->minimal_quantity});"{/if} />
<div class="action_quantity">
<span class="upQuantity">+</span>
<span class="downQuantity">-</span>
</div>
</p>
<!-- minimal quantity wanted -->
{*<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>{l s='You must add '} <b id="minimal_quantity_label">{$product->minimal_quantity}</b> {l s=' as a minimum quantity to buy this product.'}</p>
{if $product->minimal_quantity > 1}
<script type="text/javascript">
checkMinimalQuantity();
</script>
{/if}*}
<div class="qty">
<p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) OR $virtual OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
<label>{l s='Quantity'} :</label>
<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" size="2" maxlength="3" {if $product->minimal_quantity > 1}onkeyup="checkMinimalQuantity({$product->minimal_quantity});"{/if} />
<span class="action_quantity">
<span class="upQuantity">+</span>
<span class="downQuantity">-</span>
</span>
</p>
<!-- minimal quantity wanted -->
{*<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>{l s='You must add '} <b id="minimal_quantity_label">{$product->minimal_quantity}</b> {l s=' as a minimum quantity to buy this product.'}</p>
{if $product->minimal_quantity > 1}
<script type="text/javascript">
checkMinimalQuantity();
</script>
{/if}*}
</div>
<p class="gradient" {if (!$allow_oosp && $product->quantity <= 0) OR !$product->available_for_order OR (isset($restricted_country_mode) AND $restricted_country_mode) OR $PS_CATALOG_MODE} style="display: none;"{/if} id="add_to_cart" class="buttons_bottom_block"><input type="submit" name="Submit" value="{l s='Add to cart'}" class="exclusive" /></p>
</div>