1) Как сократить количество просмотренных товаров (под Вы смотрели) до 3-х?
2) Можно ли убрать оттуда значки "быстрого оформления", "добавить в избранное" и "сравнения"?
0
Просмотренные Товары
Автор Sportfit, 03 марта 2014 17:45
Сообщений в теме: 16
#2
miniplaneta
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 03 Март 2014 - 19:07
Sportfit (03 Март 2014 - 17:45) писал:
1) Как сократить количество просмотренных товаров (под Вы смотрели) до 3-х?
{% FOR recently_viewed_goods %}
вставьте строчку-условие:
{% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %}
#3
Castiel
-
- Модераторы
-
- 3 519 сообщений
Активный участник
- ГородНижний Новгород
Отправлено 05 Март 2014 - 08:48
Sportfit (03 Март 2014 - 17:45) писал:
1) Как сократить количество просмотренных товаров (под Вы смотрели) до 3-х?
2) Можно ли убрать оттуда значки "быстрого оформления", "добавить в избранное" и "сравнения"?
2) Можно ли убрать оттуда значки "быстрого оформления", "добавить в избранное" и "сравнения"?
Здравствуйте, на 423 строке находим
<div class="cart">
Заменяем на
<div class="cart" style="display:none;">
#4
ozimart
-
- Пользователи
-
- 20 сообщений
Пользователь
Отправлено 06 Январь 2015 - 01:20
Уважаемая команда Storeland,
обращаюсь к Вам, так как не нашел подобной темы на форуме. Хочу вставить блок недавно просмотренные товары в шаблон "Бистро". И хочу вставить не сбоку, а в самом низу (примерно как у http://www.ulmart.ru/) и чтобы он был каруселью. Желательно чтобы все работало без багов и товары все отображались. Вы сможете помочь решить мне эту проблему?
Очень буду благодарен
обращаюсь к Вам, так как не нашел подобной темы на форуме. Хочу вставить блок недавно просмотренные товары в шаблон "Бистро". И хочу вставить не сбоку, а в самом низу (примерно как у http://www.ulmart.ru/) и чтобы он был каруселью. Желательно чтобы все работало без багов и товары все отображались. Вы сможете помочь решить мне эту проблему?
Очень буду благодарен
#5
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 06 Январь 2015 - 10:14
ozimart (06 Январь 2015 - 01:20) писал:
Уважаемая команда Storeland,
обращаюсь к Вам, так как не нашел подобной темы на форуме. Хочу вставить блок недавно просмотренные товары в шаблон "Бистро". И хочу вставить не сбоку, а в самом низу (примерно как у http://www.ulmart.ru/) и чтобы он был каруселью. Желательно чтобы все работало без багов и товары все отображались. Вы сможете помочь решить мне эту проблему?
Очень буду благодарен
обращаюсь к Вам, так как не нашел подобной темы на форуме. Хочу вставить блок недавно просмотренные товары в шаблон "Бистро". И хочу вставить не сбоку, а в самом низу (примерно как у http://www.ulmart.ru/) и чтобы он был каруселью. Желательно чтобы все работало без багов и товары все отображались. Вы сможете помочь решить мне эту проблему?
Очень буду благодарен
далее найдите в HTML
{% ENDFOR index_page_favorites_goods %}
<!-- END Вывод товаров таблицей-->
</div>
</div>
{% ENDIF %}
<!-- END Хиты продаж -->
</div>
и после вставьте
<!-- Недавно просмотренные товары -->
{% 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 .blockIndexPage");
owl.owlCarousel({
items : 4, //количество плиток
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%;
}
#6
ozimart
-
- Пользователи
-
- 20 сообщений
Пользователь
Отправлено 06 Январь 2015 - 11:33
Спасибо за оперативный ответ!
Вот что получилось(во вложении). Столбик просмотренных товаров по-прежнему вертикальный, а не горизонтальный. Также хотелось чтобы он начинался от начала границ каталога и не были бы такими огромными иконки(а было бы как у юлмарта). Это возможно?
Вот что получилось(во вложении). Столбик просмотренных товаров по-прежнему вертикальный, а не горизонтальный. Также хотелось чтобы он начинался от начала границ каталога и не были бы такими огромными иконки(а было бы как у юлмарта). Это возможно?
Прикрепленные изображения
#7
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 06 Январь 2015 - 11:45
ozimart (06 Январь 2015 - 11:33) писал:
Спасибо за оперативный ответ!
Вот что получилось(во вложении). Столбик просмотренных товаров по-прежнему вертикальный, а не горизонтальный. Также хотелось чтобы он начинался от начала границ каталога и не были бы такими огромными иконки(а было бы как у юлмарта). Это возможно?
Вот что получилось(во вложении). Столбик просмотренных товаров по-прежнему вертикальный, а не горизонтальный. Также хотелось чтобы он начинался от начала границ каталога и не были бы такими огромными иконки(а было бы как у юлмарта). Это возможно?
#8
ozimart
-
- Пользователи
-
- 20 сообщений
Пользователь
Отправлено 06 Январь 2015 - 11:53
Так я их внес и Вам отправил прин скрин. НЕ могу оставлять надолго сайт в кривом состоянии)
Файл во вложении, выше письмо
Файл во вложении, выше письмо
#9
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 06 Январь 2015 - 12:21
ozimart (06 Январь 2015 - 11:53) писал:
Так я их внес и Вам отправил прин скрин. НЕ могу оставлять надолго сайт в кривом состоянии)
Файл во вложении, выше письмо
Файл во вложении, выше письмо
Не видя результата, нет возможно просмотреть какие изменения в коде необходимо произвести.
#10
ozimart
-
- Пользователи
-
- 20 сообщений
Пользователь
Отправлено 06 Январь 2015 - 12:40
Изменения внесены, сайт: ozimart.ru
И нужно сделать границы этой карусели больше, а размер иконок меньше)
И нужно сделать границы этой карусели больше, а размер иконок меньше)
#11
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 06 Январь 2015 - 13:05
ozimart (06 Январь 2015 - 12:40) писал:
Изменения внесены, сайт: ozimart.ru
И нужно сделать границы этой карусели больше, а размер иконок меньше)
И нужно сделать границы этой карусели больше, а размер иконок меньше)
.recently_viewed_goods .menu-item {
width: 90%;
}
замените на
.recently_viewed_goods .menu-item {
/* width: 90%; */
}
уточните на скриншоте как именно растянуть границы
#12
ozimart
-
- Пользователи
-
- 20 сообщений
Пользователь
Отправлено 06 Январь 2015 - 13:33
Все отлично стало на свое место. Границы файл во вложении (повторюсь, нужно сделать как на ulmart.ru).
Также чтобы был всего один ряд горизонтальных просмотренных товаров(сейчас карусель не работает), а нужно чтобы был один ряд и карусель.
Также размер этих иконок нужно сделать меньше примерно в два раза
Также чтобы был всего один ряд горизонтальных просмотренных товаров(сейчас карусель не работает), а нужно чтобы был один ряд и карусель.
Также размер этих иконок нужно сделать меньше примерно в два раза
Прикрепленные изображения
#13
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 06 Январь 2015 - 13:44
ozimart (06 Январь 2015 - 13:33) писал:
Все отлично стало на свое место. Границы файл во вложении (повторюсь, нужно сделать как на ulmart.ru).
Также чтобы был всего один ряд горизонтальных просмотренных товаров(сейчас карусель не работает), а нужно чтобы был один ряд и карусель.
Также размер этих иконок нужно сделать меньше примерно в два раза
Также чтобы был всего один ряд горизонтальных просмотренных товаров(сейчас карусель не работает), а нужно чтобы был один ряд и карусель.
Также размер этих иконок нужно сделать меньше примерно в два раза
найдите в HTML
<script>
$(document).ready(function() {
var owl = $(".recently_viewed_goods .blockIndexPage");
owl.owlCarousel({
items : 4, //количество плиток
autoPlay: 4000 // скорость прокрутки
});
// Custom Navigation Events
$(".next").click(function(){
owl.trigger('owl.next');
});
$(".prev").click(function(){
owl.trigger('owl.prev');
});
});
</script>
замените на <script>
$(document).ready(function() {
var owl = $(".recently_viewed_goods .blockTableTovarIndexPage");
owl.owlCarousel({
items : 4, //количество плиток
autoPlay: 4000 // скорость прокрутки
});
// Custom Navigation Events
$(".next").click(function(){
owl.trigger('owl.next');
});
$(".prev").click(function(){
owl.trigger('owl.prev');
});
});
</script>
#14
ozimart
-
- Пользователи
-
- 20 сообщений
Пользователь
Отправлено 06 Январь 2015 - 19:26
а границы так не изменялись. Возможно ли это исправить? Вот что сейчас получилось
#15
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 06 Январь 2015 - 19:46
ozimart (06 Январь 2015 - 19:26) писал:
а границы так не изменялись. Возможно ли это исправить? Вот что сейчас получилось
<!-- Недавно просмотренные товары -->
{% 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 : 4, //количество плиток
autoPlay: 4000 // скорость прокрутки
});
// Custom Navigation Events
$(".next").click(function(){
owl.trigger('owl.next');
});
$(".prev").click(function(){
owl.trigger('owl.prev');
});
});
</script>
и переместите его после строк</main><!-- .content --> </div><!-- .container-->
#16
ozimart
-
- Пользователи
-
- 20 сообщений
Пользователь
Отправлено 07 Январь 2015 - 02:00
Подскажите, а как все-таки изменить размер иконок в меньшую сторону в блоке недавно просмотренные товары. Нужно сделать их в два раза меньше
#17
Danil
-
- Пользователи
-
- 4 645 сообщений
Активный участник
Отправлено 09 Январь 2015 - 17:57
ozimart (07 Январь 2015 - 02:00) писал:
Подскажите, а как все-таки изменить размер иконок в меньшую сторону в блоке недавно просмотренные товары. Нужно сделать их в два раза меньше
В main.css найдите
.menu-item-slider {
/* max-height: 190px; */
/* min-width: 194px; */
position: relative;
display: block;
padding: 3%;
height: 208px;
cursor: pointer;
}
и замените на
.menu-item-slider {
/* max-height: 190px; */
/* min-width: 194px; */
position: relative;
display: block;
padding: 3%;
cursor: pointer;
}
Далее зайдите в настройки-основные-изображения товаров и поэкспериментируйте со значением 220px(для маленьких изображение)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
