<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=movement"></script>
после него вставьте:
{% IF index_page %} <script type="text/javascript"> // Обратный отсчет акции $(document).ready(function () { counterDate(); }); </script> {% ENDIF %}
далее найдите:
{% ENDIF %} <!-- /Список товаров на главной -->
после него вставьте:
<!-- Список товаров Распродажи --> {% IFNOT index_page_sale_goods_empty %} <div class="carousel_specials jcarousel-wrapper"> <div class="header_specials"> <h2>Распродажа</h2> </div> <div id="carousel_specials"> <ul> {% FOR index_page_sale_goods %}<li class="main_general"> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square onhover"> <a title="{index_page_sale_goods.NAME}" href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}"> <img class="goods-cat-image-medium" src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{index_page_sale_goods.IMAGE_SMALL}{% ENDIF %}" alt="" /> </a> </div> <div class="product-name"><p title="{index_page_sale_goods.NAME}" onclick="javascript:document.location.href='{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}'">{index_page_sale_goods.NAME}</p></div> <!-- Счетчик обратного отсчета. end дата окончания акции в формате Месяц:День:Год Часы:Минуты:Секунды --> <div class="counter" end="{index_page_sale_goods.MAX_DISCOUNT_EXPIRED_AT | date("m/d/Y H:i:s")}" now="{CURRENT_TIME | date("m/d/Y H:i:s")}"> <div class="label">Осталось:</div> <div class="days"> <span>00</span>д </div> <div class="hours"> <span>00</span>ч </div> <div class="minutes"> <span>00</span>м </div> <div class="seconds"> <span>00</span>с </div> </div> <div class="product-price"> <span class="new_price">{index_page_sale_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_sale_goods.MIN_PRICE_NOW %} <s class="old_price">{index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s> {% ELSEIF index_page_sale_goods.MIN_PRICE_OLD>index_page_sale_goods.MIN_PRICE_NOW %} <s class="old_price">{index_page_sale_goods.MIN_PRICE_OLD | money_format}</s> {% ENDIF %} </div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_sale_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_sale_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={index_page_sale_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_sale_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a> <!--a class="buy_button" onclick="$('.product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_sale_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="wishlist add_to_wishlist_small_text added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_sale_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Убрать «{index_page_sale_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="wishlist add_to_wishlist_small_text" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_sale_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{index_page_sale_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_sale_goods.IS_HAS_IN_COMPARE_LIST %} <a class="compare add_to_compare_small_text added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&from={index_page_sale_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Убрать из сравнения</a> {% ELSE %} <a class="compare add_to_compare_small_text" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&from={index_page_sale_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </li>{% ENDFOR index_page_sale_goods %} </ul> </div> <a href="#" class="jcarousel-control-prev"></a> <a href="#" class="jcarousel-control-next"></a> </div> {% ENDIF %} <!-- /Список товаров Распродажи -->
далее зайдите в Редактор шаблонов-->main.js и в самый конец кода вставьте:
// Отсчет даты до окончания акции function goodsDate() { var start_date = $(".goodsDataMainDiscountBlock").attr("start"); var end_date = $(".goodsDataMainDiscountBlock").attr("end"); var diff = new Date(Date.parse(end_date) - Date.parse(start_date) - 97200000); var days = diff/1000/60/60/24; $('.goodsDataMainDiscountBlock .counter .day').text(diff.getDate()); $('.goodsDataMainDiscountBlock .counter .hours').text(diff.getHours()); $('.goodsDataMainDiscountBlock .counter .minutes').text(diff.getMinutes()); } // Отсчет даты до окончания акции function counterDate() { // Устанавливаем дату обратного отсчета ММ-ДД-ГГ var end = $('.counter').attr('end'); var countDownDate = new Date(end).getTime(); // Обновление счетчика каждую секунду var x = setInterval(function() { var now = new Date().getTime(); var distance = countDownDate - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Вывод $('.counter .days span').text(days); $('.counter .hours span').text(hours); $('.counter .minutes span').text(minutes); $('.counter .seconds span').text(seconds); // Счетчик завершен if (distance < 0) { clearInterval(x); $('.counter span').text("0"); } }, 1000); }
далее зайдите в Редактор шаблонов-->style.css и в самый конец кода вставьте:
.product .counter {padding: 5px 0;border: 1px solid #6bac1e;background: #80c52e;color: #ffffff;border-radius: 20px;font-size: 13px;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;justify-content: center;} .product .counter div {display: block;margin-right: 6px;} .product .counter div:after {content: ":";padding-left: 2px;} .product .counter div:first-of-type:after, .product .counter div:last-of-type:after {display: none;} .product .counter div:last-of-type {margin-right: 0;}