Просмотренные Товары
#1
Отправлено 03 Март 2014 - 17:45
2) Можно ли убрать оттуда значки "быстрого оформления", "добавить в избранное" и "сравнения"?
#3
Отправлено 05 Март 2014 - 08:48
Sportfit (03 Март 2014 - 17:45) писал:
2) Можно ли убрать оттуда значки "быстрого оформления", "добавить в избранное" и "сравнения"?
Здравствуйте, на 423 строке находим
<div class="cart">
Заменяем на
<div class="cart" style="display:none;">
#4
Отправлено 06 Январь 2015 - 01:20
обращаюсь к Вам, так как не нашел подобной темы на форуме. Хочу вставить блок недавно просмотренные товары в шаблон "Бистро". И хочу вставить не сбоку, а в самом низу (примерно как у http://www.ulmart.ru/) и чтобы он был каруселью. Желательно чтобы все работало без багов и товары все отображались. Вы сможете помочь решить мне эту проблему?
Очень буду благодарен
#5
Отправлено 06 Январь 2015 - 10:14
ozimart (06 Январь 2015 - 01:20) писал:
обращаюсь к Вам, так как не нашел подобной темы на форуме. Хочу вставить блок недавно просмотренные товары в шаблон "Бистро". И хочу вставить не сбоку, а в самом низу (примерно как у 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
Отправлено 06 Январь 2015 - 11:33
Вот что получилось(во вложении). Столбик просмотренных товаров по-прежнему вертикальный, а не горизонтальный. Также хотелось чтобы он начинался от начала границ каталога и не были бы такими огромными иконки(а было бы как у юлмарта). Это возможно?
#7
Отправлено 06 Январь 2015 - 11:45
ozimart (06 Январь 2015 - 11:33) писал:
Вот что получилось(во вложении). Столбик просмотренных товаров по-прежнему вертикальный, а не горизонтальный. Также хотелось чтобы он начинался от начала границ каталога и не были бы такими огромными иконки(а было бы как у юлмарта). Это возможно?
#8
Отправлено 06 Январь 2015 - 11:53
Файл во вложении, выше письмо
#9
Отправлено 06 Январь 2015 - 12:21
ozimart (06 Январь 2015 - 11:53) писал:
Файл во вложении, выше письмо
Не видя результата, нет возможно просмотреть какие изменения в коде необходимо произвести.
#10
Отправлено 06 Январь 2015 - 12:40
И нужно сделать границы этой карусели больше, а размер иконок меньше)
#11
Отправлено 06 Январь 2015 - 13:05
ozimart (06 Январь 2015 - 12:40) писал:
И нужно сделать границы этой карусели больше, а размер иконок меньше)
.recently_viewed_goods .menu-item { width: 90%; }замените на
.recently_viewed_goods .menu-item { /* width: 90%; */ }
уточните на скриншоте как именно растянуть границы
#12
Отправлено 06 Январь 2015 - 13:33
Также чтобы был всего один ряд горизонтальных просмотренных товаров(сейчас карусель не работает), а нужно чтобы был один ряд и карусель.
Также размер этих иконок нужно сделать меньше примерно в два раза
#13
Отправлено 06 Январь 2015 - 13:44
ozimart (06 Январь 2015 - 13:33) писал:
Также чтобы был всего один ряд горизонтальных просмотренных товаров(сейчас карусель не работает), а нужно чтобы был один ряд и карусель.
Также размер этих иконок нужно сделать меньше примерно в два раза
найдите в 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
Отправлено 06 Январь 2015 - 19:26
#15
Отправлено 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
Отправлено 07 Январь 2015 - 02:00
#17
Отправлено 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 анонимных