Новинки И Хиты Продаж Вертикально.
#1
Отправлено 11 Август 2015 - 16:43
1. Сделать Новинки и Хиты продаж вертикально, а не горизонтально(например, как в шаблоне Нефрит). Чтобы можно было увидеть все сразу, не перещелкивать.
2. Как опустить каталог (или поднять "Новинки" "Хиты продаж"), чтобы они были на одной линии, а то некрасиво смотрится)
Спасибо.
#2
Отправлено 12 Август 2015 - 14:06
#3
Отправлено 12 Август 2015 - 17:07
igrugha (11 Август 2015 - 16:43) писал:
1. Сделать Новинки и Хиты продаж вертикально, а не горизонтально(например, как в шаблоне Нефрит). Чтобы можно было увидеть все сразу, не перещелкивать.
2. Как опустить каталог (или поднять "Новинки" "Хиты продаж"), чтобы они были на одной линии, а то некрасиво смотрится)
Спасибо.
<div class="respl-tabs-container"> <div class="respl-tabs-wrap"> <ul class="respl-tabs cf"> {% IFNOT index_page_goods_empty %}<li class="respl-tab active"><h4><a href="#tab-goods">Товары на главной</a></h4></li>{% ENDIF %} {% IFNOT index_page_new_goods_empty %}<li class="respl-tab"><h4><a href="#tab-new">Новинки</a></h4></li>{% ENDIF %} {% IFNOT index_page_favorites_goods_empty %}<li class="respl-tab"><h4><a href="#tab-favorites">Хиты продаж</a></h4></li>{% ENDIF %} </ul> </div> </div>замените на
<div class="respl-tabs-container"> <div class="respl-tabs-wrap"> <ul class="respl-tabs cf"> {% IFNOT index_page_goods_empty %}<li class="respl-tab active"><h4><a href="#tab-goods">Товары на главной</a></h4></li>{% ENDIF %} </ul> </div> </div>далее найдите
{% IFNOT index_page_new_goods_empty %} <div id="tab-new" class="tab-new tab-pane fade {% IF index_page_goods_empty || index_page_favorites_goods_empty %}in active{% ENDIF %}">замените на
<div class="respl-tabs-container"> <div class="respl-tabs-wrap"> <ul class="respl-tabs cf"> {% IFNOT index_page_new_goods_empty %}<li class="respl-tab"><h4><a href="#tab-new">Новинки</a></h4></li>{% ENDIF %} </ul> </div> </div> {% IFNOT index_page_new_goods_empty %} <div id="tab-new" class="tab-new tab-pane fade in active">
далее найдите
{% IFNOT index_page_favorites_goods_empty %} <div id="tab-favorites" class="tab-favorites tab-pane fade {% IF index_page_goods_empty && index_page_new_goods_empty %}in active{% ENDIF %}">
замените на
<div class="respl-tabs-container"> <div class="respl-tabs-wrap"> <ul class="respl-tabs cf"> {% IFNOT index_page_favorites_goods_empty %}<li class="respl-tab"><h4><a href="#tab-favorites">Хиты продаж</a></h4></li>{% ENDIF %} </ul> </div> </div> {% IFNOT index_page_favorites_goods_empty %} <div id="tab-favorites" class="tab-favorites tab-pane fade in active">
#4
Отправлено 12 Август 2015 - 19:21
Ирина345 (12 Август 2015 - 17:07) писал:
#5
Отправлено 12 Август 2015 - 19:46
igrugha (12 Август 2015 - 19:21) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.respl-tabs-container {margin-top: -20px;}
#6
Отправлено 13 Август 2015 - 00:57
Firefly (12 Август 2015 - 19:46) писал:
.respl-tabs-container {margin-top: -20px;}
Назрели еще два небольших вопроса.
1. Как убирается анимация на блоках "Новинки", "Хиты продаж". Т.е чтобы при наведении на них они не изменяли свои размеры.
2. Можно ли сдвинуть блоки со словами "Новинки" и "Хиты продаж" правее, чтобы они стали на одну линию с товарной позицией( фото прилагаю)
#7
Отправлено 13 Август 2015 - 01:29
.respl-tabs-container .respl-tabs-wrap ul li.respl-tab:hover { padding: 28px 33px; margin: -9px; z-index: 1; position: relative; cursor: pointer; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); }замените на:
.respl-tabs-container .respl-tabs-wrap ul li.respl-tab:hover { z-index: 1; position: relative; cursor: pointer; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); }2. В main.css найдите:
.yt-tab-listing .respl-wrap .respl-tabs-container { margin-bottom: 30px; padding: 0px; float: left; width: 100%; }замените на:
.yt-tab-listing .respl-wrap .respl-tabs-container { margin-bottom: 30px; padding: 0px 15px; float: left; width: 100%; }
#8
Отправлено 13 Август 2015 - 01:42
Vaccina (13 Август 2015 - 01:29) писал:
#9
Отправлено 13 Август 2015 - 02:25
{% FOR nested_categories_list %} <div class="{% IF index_page %}col-sm-3 col-md-3{% ELSE %}col-sm-4 col-md-4{% ENDIF %} cat">замените на:
{% FOR nested_categories_list %} <div class="{% IF index_page %}col-sm-3 col-md-3{% ELSE %}col-sm-3 col-md-3{% ENDIF %} cat">2. В шаблоне HTML найдите:
{% IFNOT index_page_new_goods_empty %}<li class="respl-tab"><h4><a href="#tab-new">Новинки</a></h4></li>{% ENDIF %}замените на:
{% IFNOT index_page_new_goods_empty %}<li class="respl-tab"><h4><a href="/catalog/Новинки">Новинки</a></h4></li>{% ENDIF %}
далее найдите:
{% IFNOT index_page_favorites_goods_empty %}<li class="respl-tab"><h4><a href="#tab-favorites">Хиты продаж</a></h4></li>{% ENDIF %}замените на:
{% IFNOT index_page_favorites_goods_empty %}<li class="respl-tab"><h4><a href="/catalog/Хиты-продаж">Хиты продаж</a></h4></li>{% ENDIF %}
#10
Отправлено 13 Август 2015 - 02:55
Vaccina (13 Август 2015 - 02:25) писал:
{% FOR nested_categories_list %} <div class="{% IF index_page %}col-sm-3 col-md-3{% ELSE %}col-sm-4 col-md-4{% ENDIF %} cat">замените на:
{% FOR nested_categories_list %} <div class="{% IF index_page %}col-sm-3 col-md-3{% ELSE %}col-sm-3 col-md-3{% ENDIF %} cat">2. В шаблоне HTML найдите:
{% IFNOT index_page_new_goods_empty %}<li class="respl-tab"><h4><a href="#tab-new">Новинки</a></h4></li>{% ENDIF %}замените на:
{% IFNOT index_page_new_goods_empty %}<li class="respl-tab"><h4><a href="/catalog/Новинки">Новинки</a></h4></li>{% ENDIF %}
далее найдите:
{% IFNOT index_page_favorites_goods_empty %}<li class="respl-tab"><h4><a href="#tab-favorites">Хиты продаж</a></h4></li>{% ENDIF %}замените на:
{% IFNOT index_page_favorites_goods_empty %}<li class="respl-tab"><h4><a href="/catalog/Хиты-продаж">Хиты продаж</a></h4></li>{% ENDIF %}
#11
Отправлено 13 Август 2015 - 03:28
#12
Отправлено 02 Сентябрь 2015 - 02:59
SL-355913
#13
Отправлено 02 Сентябрь 2015 - 04:28
#14
Отправлено 03 Сентябрь 2015 - 00:29
Vaccina (02 Сентябрь 2015 - 04:28) писал:
#15
Отправлено 03 Сентябрь 2015 - 06:12
<!-- Запуск слайдера --> {% IF index_page %} <script> $(function(){ slideShow()}); </script> {% ENDIF %}
замените на:
<!-- Запуск слайдера --> {% IF index_page || MOD_LNAME=catalog %} <script> $(function(){ slideShow()}); </script> {% ENDIF %}
Далее найдите:
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> {% ENDIF %}</div> <!-- /END Слайдер на главной -->
замените на:
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ELSEIF MOD_LNAME=catalog %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ENDIF %} <!-- /END Слайдер на главной -->
первый блок отвечает за слайдер на главной странице, а последний за второй для каталога.
#16
Отправлено 03 Сентябрь 2015 - 18:48
Vaccina (03 Сентябрь 2015 - 06:12) писал:
<!-- Запуск слайдера --> {% IF index_page %} <script> $(function(){ slideShow()}); </script> {% ENDIF %}
замените на:
<!-- Запуск слайдера --> {% IF index_page || MOD_LNAME=catalog %} <script> $(function(){ slideShow()}); </script> {% ENDIF %}
Далее найдите:
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> {% ENDIF %}</div> <!-- /END Слайдер на главной -->
замените на:
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ELSEIF MOD_LNAME=catalog %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ENDIF %} <!-- /END Слайдер на главной -->
первый блок отвечает за слайдер на главной странице, а последний за второй для каталога.
Только вот что получилось! А хотелось бы как на 2 слайде
#18
Отправлено 03 Сентябрь 2015 - 19:12
Den1992 (03 Сентябрь 2015 - 19:02) писал:
в шаблоне html найдите код
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ELSEIF MOD_LNAME=catalog %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ENDIF %} <!-- /END Слайдер на главной -->и замените на
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ENDIF %} <!-- /END Слайдер на главной -->В шаблоне Товары, после первой строки вставьте
<!-- Слайдер на главной --> <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> <!-- /END Слайдер на главной -->
#19
Отправлено 03 Сентябрь 2015 - 19:27
Danil (03 Сентябрь 2015 - 19:12) писал:
в шаблоне html найдите код
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ELSEIF MOD_LNAME=catalog %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ENDIF %} <!-- /END Слайдер на главной -->и замените на
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> {% ENDIF %} <!-- /END Слайдер на главной -->В шаблоне Товары, после первой строки вставьте
<!-- Слайдер на главной --> <div id="slideshow" class="wrap col-lg-9 col-md-9 col-sm-8 col-xs-12"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> <div style="clear:both;"></div> <!-- /END Слайдер на главной -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных