1) В файле main.css найдите блок
table.form td.cell1 {
background: #eee;
}
и замените в нем #eee на тот, который Вам необходим.
2) Чтобы реализовать корзину справа Вам необходимо в шаблоне HTML найти строку
<body>
и сразу после нее вставить блок
<div class="cartRight">
<a href="{CART_URL}" title="Перейти в корзину"><img src="{ASSETS_IMAGES_PATH}cart_circle.png"><span id="cart-total">
{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW | money_format}<br />
{% ENDFOR %}
{% ENDIF %}</span>
</a>
</div>
Далее в файле main.css найдите строку
/* Адаптивность шаблона ==============================*/
и перед ней вставьте блок
.contact_inform {font-size:14px;color:#121212;font-weight:bold;font-size:16px;text-align: center;}
.cartRight{position:fixed;top:50%;right:0;width:auto;height:30px;background-color: #FCC51D;padding:5px;z-index:999}
.cartRight #cart-total .num, .cartRight a{color:#fff;text-decoration:none;}
.cartRight a img{vertical-align: middle;}
Там же найдите строку
@media only screen and (max-width: 481px) {
и сразу после нее вставьте блок
.cartRight{display:none;}
Далее в шаблоне Быстрый заказ найдите блок
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
<div class="heading">
<h4>Корзина покупок</h4>
<a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
{% IF cart_count_empty %}
<span class="red">0</span>
{% ELSE %}
{CART_COUNT_TOTAL}
{% ENDIF %}
- на сумму
{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW | money_format}<br />
{% ENDFOR %}
{% ENDIF %}
</span>
</a>
</div>
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
</div>
<!-- JS обновление данных корзины -->
<script>$('#cart').html($('#newCartData').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->
и замените его на
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
<div class="heading">
<h4>Корзина покупок</h4>
<a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
{% IF cart_count_empty %}
<span class="red">0</span>
{% ELSE %}
{CART_COUNT_TOTAL}
{% ENDIF %}
- на сумму
{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW | money_format}<br />
{% ENDFOR %}
{% ENDIF %}
</span>
</a>
</div>
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
</div>
<div style="display:none;" id="newCartRight">
<a href="{CART_URL}" title="Перейти в корзину"><img src="{ASSETS_IMAGES_PATH}cart_circle.png"><span id="cart-total">
{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW | money_format}<br />
{% ENDFOR %}
{% ENDIF %}</span>
</a>
</div>
<!-- JS обновление данных корзины -->
<script>$('#cart').html($('#newCartData').html());$('.cartRight').html($('#newCartRight').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->
3) Простите, ошиблась с названием шаблона. Данный код для пункта 3 необходимо найти в шаблоне Просмотр заказа
4) В конец файла main.js добавьте блок
// Корзина
function ajaxnewqty(){
$('.cartqty').change(function(){
$(this).attr('readonly','readonly');
if($(this).val() < 1){
$(this).val(1);
}
s = $(this);
id = $(this).closest('tr').data('id');
qty = $(this).val();
data = $('.cartForm').serializeArray();
data.push({name: 'only_body', value: 1});
$('tr[data-id="' + id + '"] .ajaxtotal').css('opacity','0');
$('.TotalSum').css('opacity','0');
$.ajax({
data: data,
cache:false,
success:function(d){
s.val($(d).find('tr[data-id="' + id + '"] .cartqty').val())
$('tr[data-id="' + id + '"] .ajaxtotal').css('opacity','1');
$('.TotalSum').css('opacity','1');
tr = $('tr[data-id="' + id + '"]');
tr.find('.ajaxtotal').html($(d).find('tr[data-id="' + id + '"] .ajaxtotal').html());
$('.TotalSum').html($(d).find('.TotalSum').html());
$('.cart-count-block').html($(d).find('#cart-header-count').html());
$('.discounttr').each(function(){
$(this).remove();
})
$(d).find('.discounttr').each(function(){
$('.cartTable tbody tr:last-child').after($(this));
})
c = $(d).find('tr[data-id="' + id + '"] .qty');
qw = c.val();
$('.cartqty').removeAttr('readonly');
if(qty > qw){
$('.cartErr').remove();
$('.cartTable').before('<div class="cartErr warning">Вы пытаетесь положить в корзину товара больше, чем есть в наличии</div>');
$('.cartErr').fadeIn(500).delay(2500).fadeOut(500, function(){$('.cartErr').remove();});
$('.cartqty').removeAttr('readonly');
}
}
})
})
}
function ajaxdelete(s){
var yep = confirm('Вы точно хотите удалить товар из корзины?');
if(yep == true){
var closeimg = s;
s.closest('tr').fadeOut();
url = closeimg.data('href');
$.ajax({
url:url,
cache:false,
success:function(){
$.get('/cart', function(d){
$('.cart-info').html($(d).find('.cart-info').html());
$('.cart-count-block').html($(d).find('#cart-header-count').html());
ajaxnewqty();
/*$('#startOrder').on('click', function() {
// startOrder();
return false;
});*/
})
}
})}else{
return false;
}
}
и в шаблоне Корзина найдите блок
{% FOR cart_items %}
<tr>
<td width="5"><a href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" class="close">×</a></td>
<td><div class="image goods-image-icon-square"><a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=spring{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></td>
<td>
<a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader">
{cart_items.GOODS_NAME}
<!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
{% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
</a>
</td>
<td width="80">
<span class="cart-price">
<span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
</span>
</td>
<td>
<input name="form[quantity][{cart_items.GOODS_MOD_ID}]" type="number" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" value="{cart_items.ORDER_LINE_QUANTITY}" class="inputText qty a-center" size="4" maxlength="12" min="0" />
</td>
<td width="90">
<span class="cart-price">
<span class="price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>
</span>
</td>
</tr>
{% ENDFOR %}
и замените его на
{% FOR cart_items %}
<tr data-id="{cart_items.GOODS_MOD_ID}">
<td width="5"><a data-href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" onclick="ajaxdelete($(this))" class="close">×</a></td>
<td><div class="image goods-image-icon-square"><a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=spring{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></td>
<td>
<a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader">
{cart_items.GOODS_NAME}
<!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
{% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
</a>
</td>
<td width="80">
<span class="cart-price">
<span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
</span>
</td>
<td>
<input name="form[quantity][{cart_items.GOODS_MOD_ID}]" type="number" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" value="{cart_items.ORDER_LINE_QUANTITY}" class="inputText qty a-center" size="4" maxlength="12" min="0" />
</td>
<td width="90">
<span class="cart-price">
<span class="ajaxtotal price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>
</span>
</td>
</tr>
{% ENDFOR %}
Далее найдите блок
<span class="price">
{% FOR cart_sum %}
{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
{% ENDFOR %}
</span>
и замените его на
<span class="TotalSum">
<span class="price">
{% FOR cart_sum %}
{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
{% ENDFOR %}
</span>
</span>
5) В шаблоне Просмотр заказа найдите строку
<p>Ваш заказ успешно оформлен, скоро мы приготовим его!</p>
и замените ее на
<div class="success"><p>Ваш заказ успешно оформлен, скоро мы приготовим его!</p></div>
1
