Изменение Главной Страницы
#1
Отправлено 08 Октябрь 2016 - 13:34
1. баннер показывался только в мобильной версии.
2. товары на главной должный быть сверху, сразу после баннера(на пк версии сразу после шапки)
3. сделать боковое левое меню как в катологе.
#2
Отправлено 08 Октябрь 2016 - 17:10
57P (08 Октябрь 2016 - 13:34) писал:
1. баннер показывался только в мобильной версии.
2. товары на главной должный быть сверху, сразу после баннера(на пк версии сразу после шапки)
3. сделать боковое левое меню как в катологе.
Здравствуйте.
1) В файле main.css в самом конце добавьте
@media all and (min-width: 768px) { #slideshow {display: none;} }
2)
В файле main.css
найдите
.index #header {position: absolute;width: 100%;top: 0;right: 0;left: 0;background-color: rgba(220, 220, 220, 0.5);}замените на
.index #header {position: static;width: 100%;top: 0;right: 0;left: 0;background-color: rgba(220, 220, 220, 0.5);}В разделе Редактор шаблонов - HTML
найдите ( со строки 478 до 1177)
<!-- Основная часть --> <div id="main">и перенесите после (301 строки)
</div> <!-- /END Шапка -->
#3
Отправлено 08 Октябрь 2016 - 17:55
Затем в разделе редактор шаблонов - HTML
найдите
<!-- Левый блок --> {% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}замените на
<!-- Левый блок --> {% IF index_page || MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
найдите
<!-- Основная часть --> <div id="main"> <div class="container"> <div class="row"> <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">замените на
<!-- Основная часть --> <div id="main"> <div class="container"> <div class="row"> <div class="{% IF index_page || MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
#4
Отправлено 08 Октябрь 2016 - 18:39
1. чтобы лого и каталог не сливались друг с другом, а между ними было пространство
2. как изменить названия (товары на главной, хит, новинка)
3. убрать с карточки лого (хит, новинка)
4. чтобы они автоматом чередовались раз в 4 сек.
#5
Отправлено 08 Октябрь 2016 - 18:52
57P (08 Октябрь 2016 - 18:39) писал:
#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;}на
#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;float: right;}
#6
Отправлено 08 Октябрь 2016 - 20:16
Alekseys (08 Октябрь 2016 - 18:52) писал:
#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;}на
#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;float: right;}
и еще пару просьб:
2. как изменить названия (товары на главной, хит, новинка)
3. убрать с карточки лого (хит, новинка)
4. чтобы они автоматом чередовались раз в 4 сек.
#7
Отправлено 08 Октябрь 2016 - 20:38
57P (08 Октябрь 2016 - 20:16) писал:
и еще пару просьб:
2. как изменить названия (товары на главной, хит, новинка)
3. убрать с карточки лого (хит, новинка)
4. чтобы они автоматом чередовались раз в 4 сек.
1.В файле main.css найдите
/*** Левая часть ***/ .col-left .block {margin-bottom: 30px;}замените на
/*** Левая часть ***/ .col-left .block {margin-top: 15px;margin-bottom: 30px;}
2.В шаблоне HTML найдите (307 строка)
<!-- Товары на главной, Новинки, Хиты --> {% IF index_page %} {% IF index_page_goods_empty=0 || index_page_new_goods_empty=0 || index_page_favorites_goods_empty=0 %} <div id="producttabs" class="products-container"> <ul class="pdt-nav"> {% IFNOT index_page_goods_empty %}<li class="item-nav active" data-href="pdt-sale"><span>Товары на главной</span></li>{% ENDIF %} {% IFNOT index_page_new_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 %}active{% ENDIF %}" data-href="pdt-new"><span>Новинки</span></li>{% ENDIF %} {% IFNOT index_page_favorites_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 && index_page_new_goods_empty=1 %}active{% ENDIF %}" data-href="pdt-best"><span>Хиты продаж</span></li>{% ENDIF %} </ul>Замените текст Товары на главной,Новинки,Хиты продаж на необходимый
3-4. Уточните, пожалуйста.Полностью их не удалять, но сделать их чередование каждые 4 секунды?
Чтобы полностью убрать иконки "Новинка, Хит, Скидка"
в файле main.css
найдите
/* Иконки Новинка, Хит, Скидка*/ .ico-sale, .ico-new, .ico-best {position: absolute;overflow: hidden;top: 5px;left: 5px;padding: 7px 12px;line-height: 1;color: #ffffff;font-size: 12px;text-align: center;text-transform: uppercase;z-index: 1;}замените на
/* Иконки Новинка, Хит, Скидка*/ .ico-sale, .ico-new, .ico-best {display: none;position: absolute;overflow: hidden;top: 5px;left: 5px;padding: 7px 12px;line-height: 1;color: #ffffff;font-size: 12px;text-align: center;text-transform: uppercase;z-index: 1;}
#8
Отправлено 08 Октябрь 2016 - 20:50
Mr.Nito (08 Октябрь 2016 - 20:38) писал:
надо чтобы на главном экране с начало были товары на главной, потом через 4 секунды хиты, потом через 4 секунды новинки потом через 4 секунды товары на главной и т.д.
#9
Отправлено 12 Октябрь 2016 - 19:33
Цитата
#10
Отправлено 12 Октябрь 2016 - 22:50
57P (12 Октябрь 2016 - 19:33) писал:
В файле main.js в самом конце добавьте
$( document ).ready(function() { setInterval(function(){ $('.pdt-nav .item-nav').toggleClass('active'); $('.pdt-sale.pdt-content').toggleClass('active'); $('.pdt-new.pdt-content ').toggleClass('active'); },4000); });
#11
Отправлено 13 Октябрь 2016 - 10:53
и еще она просьба:
надо отключить в мобильной версии отображение на главной страницы
1. (товары на главной, новинки, хиты)
2. вы смотрели
#12
Отправлено 13 Октябрь 2016 - 11:01
57P (13 Октябрь 2016 - 10:53) писал:
и еще она просьба:
надо отключить в мобильной версии отображение (товары на главной, новинки, хиты)
@media all and (max-width: 481px) {после неё вставьте
#producttabs {display: none;}
#13
Отправлено 13 Октябрь 2016 - 15:42
Mr.Nito (13 Октябрь 2016 - 11:01) писал:
@media all and (max-width: 481px) {после неё вставьте
#producttabs {display: none;}
гуд, спасибо!
и еще она просьба:
надо отключить в мобильной версии отображение на главной страницы
2. вы смотрели
#14
Отправлено 13 Октябрь 2016 - 15:49
57P (13 Октябрь 2016 - 15:42) писал:
и еще она просьба:
надо отключить в мобильной версии отображение на главной страницы
2. вы смотрели
В файле main.css
после
@media all and (max-width: 481px) {добавьте
.col-left .block.viewed {display: none;}
#15
Отправлено 09 Ноябрь 2016 - 23:30
Mr.Nito (12 Октябрь 2016 - 22:50) писал:
В файле main.js в самом конце добавьте
$( document ).ready(function() { setInterval(function(){ $('.pdt-nav .item-nav').toggleClass('active'); $('.pdt-sale.pdt-content').toggleClass('active'); $('.pdt-new.pdt-content ').toggleClass('active'); },4000); });
а можно сменить прыгающие товары на, что нибудь другое? исчезновение или что то другое.
#16
Отправлено 10 Ноябрь 2016 - 09:22
57P (09 Ноябрь 2016 - 23:30) писал:
Все доступные анимации можно посмотреть по ссылке
https://daneden.github.io/animate.css/
Для их изменения в файле HTML
<!-- Товары на главной, Новинки, Хиты -->
Замените (345)
<div class="item animated fadeInUp">
на
<div class="item animated fadeIn">
ниже (504)
<div class="item animated fadeInUp">
на
<div class="item animated fadeIn">
ниже (663)
<div class="item animated fadeInUp">
на
<div class="item animated fadeIn">
#17
Отправлено 10 Ноябрь 2016 - 17:07
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных