Пока что, для того, чтобы это реализовать, Вам придется "пожертвовать" блоком Недавно просмотренных товаров. Я подумаю, как решить данную проблему и напишу Вам в этой ветке чуть позже.
Если его не убрать, то при добавлении из новинок, товаров на главной или хитов с главной страницы уже просмотренный товар, в корзину будут "улетать" 2 картинки.
В инструкции я убрала блок кода просмотренных товаров, поэтому этой ошибки у Вас на сайте не будет.
Чтобы реализовать анимацию Вам необходимо выполнить следующую инструкцию:
1) В файле main.js находим код
// Добавление товара в корзину через ajax $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){ $(this).nyroModalManual({ formIndicator: 'ajax_q', // Value added when a form is sent minWidth: 450, // Minimum width minHeight: 140, // Minimum height gallery: null // Gallery name if provided }); return false; });и заменяем его на
//Анимация добавления товара в корзину, добавление товара, обновление счетчика товаров в корзине $(function() { $('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListItemCatalogueAddToCartButton').each(function() { $(this).addClass('ajaxForm'); }); $(this).find('.main_general, .contentText, .prod_hold').addClass('form-block-wrapper'); $(this).find('.main_general a > img, .contentText a > img, .prod_hold a > img').addClass('product-img'); $('form.ajaxForm').submit(function() { var formData = $(this).serializeArray(); formData.push({name: 'ajax_q', value: 1}); $.post($(this).attr('action'), formData, $.proxy(function(html) { $('#cart-total').html($(html).find('.newCartCount').html()); var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this); var product_img = $(wrapper.find('.product-img')[0]); var img = product_img.clone().appendTo($('body')); img.css({ position: "absolute", left: product_img.offset().left, top: product_img.offset().top, display: "block", zIndex: 999 }).animate({ width: 0, height: 0, left: $('.shopping_cart_block').offset().left, top: $('.shopping_cart_block').offset().top }, 800, 'linear', function() { $(this).remove(); wrapper.find('.goodsincart').show(); }); }, this)); return(false); }); });
2) Переходим в шаблоны
Шаблон Товары
Находим строку
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="В корзину">В корзину</a>и заменяем ее на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="В корзину">В корзину</a>
Шаблон HTML
Товары на главной
Строку
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}"onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="В корзину">В корзину</a>
Новинки
Строку
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').submit(); return false;"title="Быстро оформить заказ">Быстрый заказ</a>
Хиты продаж
Строку
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_favorites_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_favorites_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_favorites_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_favorites_goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Быстро оформить заказ">Быстрый заказ</a>
Шаблон Товар
Строку
<input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/>заменяем на
<input type="submit" value="Купить" id="button-cart" class="buy_button" title="Положить «{GOODS_NAME}» в корзину"/>
Сопутствующий товар
Строку
<a class="buy_button" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Быстро оформить заказ">В корзину</a>
С этим товаром смотрят
Строку
<a class="buy_button" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_views_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_views_goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Быстро оформить заказ">В корзину</a>
Шаблон Ajax добавление товара в корзину
Блок
<strong class="newCartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </strong>заменяем на
<strong class="newCartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT} {% ENDFOR %} {% ENDIF %} </strong>
3) В шаблоне HTML найдите и удалите блок
<!-- Недавно просмотренные товары --> {% IFNOT recently_viewed_goods_empty %} <div class="infoBox infoBoxWhatsNew"> <div class="box-heading">Вы смотрели</div> <div class="infoBoxContents jcarousel-wrapper"> <div id="product-recent"> <ul> {% FOR recently_viewed_goods %} <li> <div class="product-recent"> <div class="product-image-wrapper goods-image-icon-square"> <a class="product_img" title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}"> <img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"> </a> </div> <div class="wrapper-hover"> <div class="product-name"><p title="Перейти на страницу «{recently_viewed_goods.NAME}»" onclick="javascript:document.location.href='{recently_viewed_goods.URL}'">{recently_viewed_goods.NAME}</p></div> <div class="product-price"> <span class="new_price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span> {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %} <s class="old_price">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s> {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %} <s class="old_price">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</s> {% ENDIF %} </div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" /> <a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={recently_viewed_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={recently_viewed_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a> <!--a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={recently_viewed_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goodrecently_viewed_goodss.MIN_PRICE_NOW_ID}" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!--a href="#" onclick="" class="wishlist"><i class="icon-heart"></i>Добавить в закладки</a> <!-- Если в тарифном плане подключен модуль сравнения товаров -- {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина -- {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %} <a class="goodsDataCompareButton delete compare" href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами"><i class="icon-popup"></i>Убрать из сравнения</a> {% ELSE %} <a class="goodsDataCompareButton add compare" href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" title="Добавить «{GOODS_NAME}» к списку сравнения с другими товарами"><i class="icon-popup"></i>Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} {% ENDIF %}--> </div> </div> </li> {% ENDFOR %} </ul> </div> <a href="#" class="jcarousel-control-prev"></a> <a href="#" class="jcarousel-control-next"></a> </div> </div> {% ENDIF %} <!-- END Недавно просмотренные товары -->