Barmalei (27 Ноябрь 2015 - 00:10) писал:
Добрый день!
Решил сделать новый проект и конечно-же хочу воспользоваться проверенным сервисом StoreLand!
Понравился шаблон "Бистро", и на берегу хотел бы задать несколько вопросов:
1) Как добавить поле со списком недавно просмотренных товаров? Вставить это поле в панель слева под под поле "Корзина"
Перед внесением следующих изменений, создайте бэкап сайта.
Выполните инструкцию из поста #2, затем
перед строками (в шаблоне html)
<div class="news">
<!-- Если в тарифном плане подключен модуль новостей -->
вставьте код:
<!-- Недавно просмотренные товары -->
{% IFNOT recently_viewed_goods_empty %}
<div class="recently_viewed_goods blockIndexPage">
<div class="contenttext clr">
<h4 class="title"><a href="{CATALOG_NEW_URL}">Вы смотрели</a></h4>
</div>
<div class="blockTableTovarIndexPage">
<!--Вывод товаров таблицей-->
{% FOR recently_viewed_goods %}
<div class="menu-item tabl">
<div class="menu-item-box item-box">
<div class="menu-item-slider activate">
<div class="catalog-gallery-img">
{% FOR images %}
{% IF recently_viewed_goods.images.first %}
<a itemprop="image" target="_blank" class="menu-item-icon" href="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=bistro{% ELSE %}{recently_viewed_goods.LARGE}{% ENDIF %}">
<div class="zoom">
</div>
</a>
{% ELSE %}
<a itemprop="image" target="_blank" href="{recently_viewed_goods.images.LARGE}" target="_blank" title="{recently_viewed_goods.images.NAME}"></a>
{% ENDIF %}
{% ENDFOR images %}
</div>
<a href="{recently_viewed_goods.URL}"><img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=bistro{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
</div>
<div class="menu-item-content">
<div class="title">
<h4><a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">{recently_viewed_goods.NAME}</a></h4>
</div>
<div class="menu-item-params">
<div class="menu-item-info">{% IF recently_viewed_goods.DESCRIPTION_SHORT %}{recently_viewed_goods.DESCRIPTION_SHORT}{% ENDIF %}</div>
<ul class="cost menu-item-price">
<li class="minPrice">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</li>
<!-- Старая цена -->
<li class="last linethrough">
{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
{recently_viewed_goods.MIN_PRICE_OLD | money_format}
{% ENDIF %}
</li>
<!-- END Старая цена -->
</ul>
</div>
<div class="btn-toolbar">
<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE==0 %}
<div class="tovar-available fnt11 fntupcase aunder">
<a href="#" rel="false" class="catalog-available-false" >
<div class="stikno">Товара нет в наличии</div>
</a>
</div>
{%ELSE%}
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<div class="btnToCart">
<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="btn btn-success toCart" onclick="addItem('.recently_viewed_goods #goodsListFormId{recently_viewed_goods.MIN_PRICE_NOW_ID}');
return false;" 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}" title="Положить «{recently_viewed_goods.NAME}» в корзину">
<span class="basket_add"></span>
</a>
</div>
<div class="numeric input-prepend input-append btn-group">
<a class="js-minus btn minus">
<i class="icon-minus">
-
</i>
</a>
<input type="number" name="form[goods_mod_quantity]" class="quantity" min="1" max="999" step="1" value="1" title="Количество" />
<a class="js-plus btn plus">
<i class="icon-plus">
+
</i>
</a>
</div>
</form>
{% ENDIF %}
</div>
</div>
</div>
</div>
{% ENDFOR index_page_new_goods %}
<!-- END Вывод товаров таблицей-->
</div>
</div>
{% ENDIF %}
<!-- END Новинки -->
<div class="customNavigation my">
<a class="btn prev" title="Назад"></a>
<a class="btn next" title="Вперед"></a>
</div>
<script>
$(document).ready(function() {
var owl = $(".recently_viewed_goods .blockTableTovarIndexPage");
owl.owlCarousel({
items : 1, //количество плиток
autoPlay: 4000 // скорость прокрутки
});
// Custom Navigation Events
$(".next").click(function(){
owl.trigger('owl.next');
});
$(".prev").click(function(){
owl.trigger('owl.prev');
});
});
</script>
затем к конец шаблона
main.css добавьте строки
.blockIndexPage .owl-wrapper-outer {
max-width: none;
}
.customNavigation.my {
position: relative;
margin-bottom: -40px;
height: 40px;
bottom: 0;
width: 100%;
overflow: visible;
opacity: 0.5;
}
.recently_viewed_goods .menu-item {
width: 90%;
}
.my .next, .my .prev {
position:relative;
bottom:235px;
background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -305px -0.5%;
height: 30px;
width: 5px;
background-color: #4E6D8D;
}
.my .prev {
float: left;
background-position-x: -277px;
left: 1px;
}
.my .next {
float: right;
background-position-x: -315px;
}
.customNavigation.my:hover {
opacity: 0.5;
}
.my .next:hover, .my .prev:hover {
opacity: 1;
background-color: #0E4277;
}
.recently_viewed_goods .menu-item-icon {
right: 8%;
}
0
