Merge pull request #1061 from TMMeilleur/bootstrap

// fixes 29.11.2013
This commit is contained in:
Rémi Gaillard
2013-11-29 07:19:48 -08:00
8 changed files with 170 additions and 11 deletions
@@ -15,7 +15,7 @@
{foreach name=items from=$hookItems item=hItem}
<li id="item-{$hItem.id_item}" class="item panel">
<span class="item-order">{if $hItem.item_order le 9}0{/if}{$hItem.item_order}</span>
<!--<i class="icon-sort"></i>-->
{if $hItem.image}<span><img src="{$module_dir}images/{$hItem.image}" alt="" title="" class="preview" /></span>{/if}
<span class="item-title">{$hItem.title}</span>
<span class="button btn btn-default button-edit pull-right"><i class="icon-edit"></i>{l s='Edit' mod='themeconfigurator'}</span>
<span class="button btn btn-default button-close pull-right"><i class="icon-remove"></i>{l s='Close' mod='themeconfigurator'}</span>
+65
View File
@@ -2405,6 +2405,64 @@ a.price_discount_delete:hover {
background: white;
}
@media (max-width: 767px) {
#order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr {
display: block;
}
#order-detail-content #cart_summary thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#order-detail-content #cart_summary tr {
border-bottom: 1px solid #ccc;
overflow: hidden;
}
#order-detail-content #cart_summary td {
border: none;
position: relative;
width: 50%;
float: left;
white-space: normal;
}
#order-detail-content #cart_summary td.cart_avail {
clear: both;
}
#order-detail-content #cart_summary td.cart_quantity {
clear: both;
padding: 9px 8px 11px 18px;
}
#order-detail-content #cart_summary td.cart_delete {
width: 100%;
clear: both;
text-align: right;
}
#order-detail-content #cart_summary td.cart_delete:before {
display: inline-block;
padding-right: 0.5em;
position: relative;
top: -3px;
}
#order-detail-content #cart_summary td.cart_delete div {
display: inline;
}
#order-detail-content #cart_summary td:before {
content: attr(data-title);
display: block;
}
#order-detail-content #cart_summary tfoot td {
float: none;
width: 100%;
}
#order-detail-content #cart_summary tfoot td:before {
display: inline;
}
#order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr .price {
display: block;
float: left;
width: 50%;
}
}
.cart_voucher {
vertical-align: top !important;
}
@@ -3451,3 +3509,10 @@ div.star.star_hover:after {
.ie8 #facebook_block, .ie8 #cmsinfo_block {
height: 344px;
}
/************************* Zoom ******************************/
@media (max-width: 1199px) {
.zoomdiv {
display: none !important;
}
}
+8 -1
View File
@@ -569,8 +569,15 @@ span.view_scroll_spacer {
display: none;
}
}
.box-info-product .exclusive.disabled:before {
.box-info-product .exclusive.added:before {
content: "";
}
.box-info-product .exclusive.added.disabled:before, .box-info-product .exclusive.disabled:before {
content: "";
animation: 2s linear 0s normal none infinite spin;
-webkit-animation: 2s linear 0s normal none infinite spin;
-moz-animation: 2s linear 0s normal none infinite spin;
border: none;
}
.box-info-product .exclusive:after {
background: url(../img/border-1.gif) repeat-y 0 0;
@@ -176,8 +176,15 @@ var ajaxCart = {
ajaxCart.updateCart(jsonData);
//reactive the button when adding has finished
if (addedFromProductPage)
if (addedFromProductPage) {
$('#add_to_cart button').removeAttr('disabled').removeClass('disabled');
if (!jsonData.hasError || jsonData.hasError==false) {
$('#add_to_cart button').addClass('added');
}
else {
$('#add_to_cart button').removeClass('added');
}
}
else
$('.ajax_add_to_cart_button').removeAttr('disabled');
},
+2 -2
View File
@@ -545,8 +545,8 @@ $(document).ready(function()
{
$('#bigpic').attr('rel', $('#bigpic').attr('src').replace('large', 'thickbox'));
$('img.jqzoom').jqueryzoom({
xzoom: 200, //zooming div default width(default width value is 200)
yzoom: 200, //zooming div default width(default height value is 200)
xzoom: 600, //zooming div default width(default width value is 200)
yzoom: 600, //zooming div default width(default height value is 200)
offset: 21 //zooming div default offset(default offset value is 10)
//position: "right" //zooming div position(default position value is "right")
});
+71
View File
@@ -2230,6 +2230,70 @@ a.price_discount_delete {
}
}
}
@media (max-width: 767px) {
#order-detail-content{
#cart_summary{
table, thead, tbody, th, td, tr{display: block;}
thead tr{
position: absolute;
top: -9999px;
left: -9999px;
}
tr{
border-bottom: 1px solid #ccc;
overflow: hidden;
}
td{
border: none;
position: relative;
width: 50%;
float: left;
white-space: normal;
&.cart_product{}
&.cart_description{}
&.cart_avail{clear: both;}
&.cart_unit{}
&.cart_quantity{
clear: both;
padding: 9px 8px 11px 18px;
}
&.cart_total{}
&.cart_delete{
width: 100%;
clear: both;
text-align: right;
&:before{
display: inline-block;
padding-right: 0.5em;
position: relative;
top: -3px;
}
div{display: inline;}
}
}
td:before {
content: attr(data-title);
display: block;
}
tfoot{
td{
float: none;
width: 100%;
&:before{
display: inline;
}
}
tr{
.text-right, .price{
display: block;
float: left;
width: 50%;
}
}
}
}
}
}
.cart_voucher {
vertical-align:top !important;
h4 {
@@ -3201,4 +3265,11 @@ div.star.star_hover {
#facebook_block, #cmsinfo_block {
height:344px;
}
}
/************************* Zoom ******************************/
@media (max-width: $screen-md-max) { // max 1199px
.zoomdiv {
display:none !important;
}
}
+11 -2
View File
@@ -555,9 +555,18 @@ padding:18px 19px 12px;
}
}
&.disabled {
&.added {
&:before {
content:"";
content:"";
}
}
&.added.disabled, &.disabled {
&:before {
content:"";
animation:2s linear 0s normal none infinite spin;
-webkit-animation:2s linear 0s normal none infinite spin;
-moz-animation:2s linear 0s normal none infinite spin;
border:none;
}
}
@@ -31,8 +31,8 @@
<small class="cart_ref">{l s='SKU'} : {if $product.reference}{$product.reference|escape:'html':'UTF-8'}{else}--{/if}</small>
{if isset($product.attributes) && $product.attributes}<small><a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'html':'UTF-8'}">{$product.attributes|escape:'html':'UTF-8'}</a></small>{/if}
</td>
<td class="cart_avail">{if $product.quantity_available > 0}<span class="label label-success">{l s='In Stock'}</span>{else}<span class="label label-warning">{l s='Out of Stock'}</span>{/if}</td>
<td class="cart_unit">
<td class="cart_avail" >{if $product.quantity_available > 0}<span class="label label-success">{l s='In Stock'}</span>{else}<span class="label label-warning">{l s='Out of Stock'}</span>{/if}</td>
<td class="cart_unit" data-title="{l s='Unit price'}">
<span class="price" id="product_price_{$product.id_product}_{$product.id_product_attribute}{if $quantityDisplayed > 0}_nocustom{/if}_{$product.id_address_delivery|intval}{if !empty($product.gift)}_gift{/if}">
{if !empty($product.gift)}
<span class="gift-icon">{l s='Gift!'}</span>
@@ -85,7 +85,7 @@
{/if}
</td>
{/if}
<td class="cart_total">
<td class="cart_total" data-title="{l s='Total'}">
<span class="price" id="total_product_price_{$product.id_product}_{$product.id_product_attribute}{if $quantityDisplayed > 0}_nocustom{/if}_{$product.id_address_delivery|intval}{if !empty($product.gift)}_gift{/if}">
{if !empty($product.gift)}
<span class="gift-icon">{l s='Gift!'}</span>
@@ -99,7 +99,7 @@
</span>
</td>
{if !isset($noDeleteButton) || !$noDeleteButton}
<td class="cart_delete text-center">
<td class="cart_delete text-center" data-title="Delete">
{if (!isset($customizedDatas.$productId.$productAttributeId) OR $quantityDisplayed > 0) && empty($product.gift)}
<div>
<a rel="nofollow" title="{l s='Delete'}" class="cart_quantity_delete" id="{$product.id_product}_{$product.id_product_attribute}_{if $quantityDisplayed > 0}nocustom{else}0{/if}_{$product.id_address_delivery|intval}" href="{$link->getPageLink('cart', true, NULL, "delete=1&amp;id_product={$product.id_product|intval}&amp;ipa={$product.id_product_attribute|intval}&amp;id_address_delivery={$product.id_address_delivery|intval}&amp;token={$token_cart}")|escape:'html'}"><i class="icon-trash"></i></a>