Сообщений в теме: 16

[57P]

Добрый день. помогите реализовать:
1. баннер показывался только в мобильной версии.
2. товары на главной должный быть сверху, сразу после баннера(на пк версии сразу после шапки)
3. сделать боковое левое меню как в катологе.

[Mr.Nito]

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 Шапка -->

[Mr.Nito]

3)Перед внесением изменений сделайте бэкап в разделе Сайт - Редактор шаблонов.
Затем в разделе редактор шаблонов - 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 %}">

[57P]

Гуд) спасибо. и еще можно сделать так:
1. чтобы лого и каталог не сливались друг с другом, а между ними было пространство
2. как изменить названия (товары на главной, хит, новинка)
3. убрать с карточки лого  (хит, новинка)
4. чтобы они автоматом чередовались раз в 4 сек.

[Alekseys]

57P (08 Октябрь 2016 - 18:39) писал:

Гуд) спасибо. и еще можно сделать так, чтобы лого и каталог не сливались друг с другом, а между ними было пространство

Здравствуйте. В main.css замените

#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;}

[57P]

Alekseys (08 Октябрь 2016 - 18:52) писал:

Здравствуйте. В main.css замените

#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 сек.

• Нравится

• Ответить
  
• Цитата
  
• Изменить

Прикрепленные изображения

• 

[Mr.Nito]

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;}

[57P]

Mr.Nito (08 Октябрь 2016 - 20:38) писал:

Уточните, пожалуйста.Полностью их не удалять, но сделать их чередование каждые 4 секунды?

непонял вопрос)
надо чтобы на главном экране с начало были товары на главной, потом через 4 секунды  хиты, потом через 4 секунды новинки потом через 4 секунды товары на главной и т.д.

[57P]

Цитата

надо чтобы на главном экране с начало были товары на главной, потом через 4 секунды  хиты, потом через 4 секунды новинки потом через 4 секунды товары на главной и т.д.

нет идей?

[Mr.Nito]

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);
});

[57P]

гуд, спасибо!
и еще она просьба:
надо отключить в мобильной версии отображение на главной страницы  
1. (товары на главной, новинки, хиты)
2. вы смотрели

[Mr.Nito]

57P (13 Октябрь 2016 - 10:53) писал:

гуд, спасибо!
и еще она просьба:
надо отключить в мобильной версии отображение (товары на главной, новинки, хиты)

В файле main.css найдите(1175 строка)

@media all and (max-width: 481px) {

после неё вставьте

#producttabs {display: none;}

[57P]

Mr.Nito (13 Октябрь 2016 - 11:01) писал:

В файле main.css найдите(1175 строка)

@media all and (max-width: 481px) {

после неё вставьте

#producttabs {display: none;}

гуд, спасибо!
и еще она просьба:
надо отключить в мобильной версии отображение на главной страницы  
1. (товары на главной, новинки, хиты)
2. вы смотрели

[Mr.Nito]

57P (13 Октябрь 2016 - 15:42) писал:

гуд, спасибо!
и еще она просьба:
надо отключить в мобильной версии отображение на главной страницы  
1. (товары на главной, новинки, хиты)
2. вы смотрели

Чтобы убрать блок "Вы смотрели"
В файле main.css
после

@media all and (max-width: 481px) {

добавьте

.col-left .block.viewed {display: none;}

[57P]

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);
});

а можно сменить прыгающие товары на, что нибудь другое? исчезновение или что то другое.

[Mr.Nito]

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">

[57P]

Спасибо