Перейти к содержимому


Поправка Шаблона Новогодний

Автор bscgroup, 05 июня 2017 12:44

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 100

#61 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 11 Июль 2017 - 15:19

Просьба помочь,тариф у меня максимальный, сайт должным образом не работает а денюжкв капает. Спасибо.

#62 metry

metry

    Активный участник

  • Модераторы
  • 884 сообщений

Отправлено 11 Июль 2017 - 15:54

6 фото:

в main.css найдите:
@media all and (max-width: 641px) {
#footer .block-contact #vk_groups{text-align:center;;margin-left:20%;}
#footer .contacts{margin-left:5px;width:40%;}
}

замените на:

@media all and (max-width: 641px) {
#footer .block-contact #vk_groups{text-align:center;;margin-left:20%;}
#footer .contacts{margin-left:5px;width:40%;}
.products-grid .item .product-image a.product-img {display: block;line-height: 150px;}
}

далее в конец main.css вставьте:

@media (min-width: 290px) and (max-width: 340px) {
.row {margin-left: -2px;margin-right: -2px;}
.products-grid .item {padding: 0 2px 2px;}
.products-grid .item .item-inner {display: inline-block;position: relative;overflow: hidden;border: 1px solid #fce3bd;max-width: 100%;width: 130px;}
.goods-image-small{max-width:100px; max-height:100px;}
.price {display: inline-block;font-size: 19px;font-weight: 500;font-family: 'Oranienbaum', serif;}
.addtocart{font-size:18px;}
.products-grid .item .product-shop .actions .addtocart .button {padding: 0 5px;height: 35px;line-height: 35px;font-size:10px;}
}

4 фото(шрифт):
в конец main.css вставьте:

.footer-top h3{font-family:Monotype Corsiva, Times, Serif;}

7 фото:

в main.css найдите:

#slideshow .text-border {border-bottom: 0;padding: 0;}

замените на:
#slideshow .text-border {border-bottom: 0;padding: 0;margin-top:-15%;}

найдите:

#breadcrumbs {display: inline-block;position: relative;width: 100%;padding: 15px 0;line-height: 20px;background-color: #eacd8e;font-family: 'Arial', serif;margin-bottom: 30px;}

замените на:
#breadcrumbs {display: inline-block;position: relative;width: 100%;padding: 15px 0;line-height: 20px;background-color: #eacd8e;font-family:Monotype Corsiva, Times, Serif;  margin-bottom: 30px;}

#63 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 11 Июль 2017 - 18:14

Просмотр сообщенияmetry (11 Июль 2017 - 15:54) писал:

6 фото:

в main.css найдите:
@media all and (max-width: 641px) {
#footer .block-contact #vk_groups{text-align:center;;margin-left:20%;}
#footer .contacts{margin-left:5px;width:40%;}
}

замените на:

@media all and (max-width: 641px) {
#footer .block-contact #vk_groups{text-align:center;;margin-left:20%;}
#footer .contacts{margin-left:5px;width:40%;}
.products-grid .item .product-image a.product-img {display: block;line-height: 150px;}
}

далее в конец main.css вставьте:

@media (min-width: 290px) and (max-width: 340px) {
.row {margin-left: -2px;margin-right: -2px;}
.products-grid .item {padding: 0 2px 2px;}
.products-grid .item .item-inner {display: inline-block;position: relative;overflow: hidden;border: 1px solid #fce3bd;max-width: 100%;width: 130px;}
.goods-image-small{max-width:100px; max-height:100px;}
.price {display: inline-block;font-size: 19px;font-weight: 500;font-family: 'Oranienbaum', serif;}
.addtocart{font-size:18px;}
.products-grid .item .product-shop .actions .addtocart .button {padding: 0 5px;height: 35px;line-height: 35px;font-size:10px;}
}

4 фото(шрифт):
в конец main.css вставьте:

.footer-top h3{font-family:Monotype Corsiva, Times, Serif;}

7 фото:

в main.css найдите:

#slideshow .text-border {border-bottom: 0;padding: 0;}

замените на:
#slideshow .text-border {border-bottom: 0;padding: 0;margin-top:-15%;}

найдите:

#breadcrumbs {display: inline-block;position: relative;width: 100%;padding: 15px 0;line-height: 20px;background-color: #eacd8e;font-family: 'Arial', serif;margin-bottom: 30px;}

замените на:
#breadcrumbs {display: inline-block;position: relative;width: 100%;padding: 15px 0;line-height: 20px;background-color: #eacd8e;font-family:Monotype Corsiva, Times, Serif; margin-bottom: 30px;}
Вы не помогли решить вопросы по этим картинкам во вложении:
5,6,7. На 7 картинке показано как хочу видеть товары при выборе показа сеткой. Это все для мобильной версии.
Заранее спасибо.....

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

  • 5.jpg
  • 6.jpg
  • 7.jpg

#64 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 12 Июль 2017 - 16:55

Ответьте мне пожалуйста.

#65 metry

metry

    Активный участник

  • Модераторы
  • 884 сообщений

Отправлено 12 Июль 2017 - 18:47

Добрый день. К сожалению,этот виджет  вк уменьшить не получится. В нем нельзя изменить параметр, отвечающий за ширину. По остальным вопросам, пришлите, пожалуйста, обновленные скриншоты, чтобы знать что еще нужно доработать. Спасибо.

#66 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 12 Июль 2017 - 19:30

Просмотр сообщенияmetry (12 Июль 2017 - 18:47) писал:

Добрый день. К сожалению,этот виджет  вк уменьшить не получится. В нем нельзя изменить параметр, отвечающий за ширину. По остальным вопросам, пришлите, пожалуйста, обновленные скриншоты, чтобы знать что еще нужно доработать. Спасибо.
Здравствуйте. хочу на 5 фото расположение того что выделил в круг. именно как на фото с права с лева пропорционально.На фото 10 хочу бы товары в категориях отображались как на фото. кнопка в корзину или уведомить чуть меньше и по центру в месте с ценой. добавить ширину и убавить высоту товаров как на фото. Шрифт наименования товара чуть меньше что бы влазил весь текст.
Это все для мобильной версии.
Для компьютерной версии
текст что выделен в овал на фото 8 сделать чуть больше. На рисунке 9 то что в овале выделить жирным.
На фото 11 в овале показана отображение по 100, нужно что бы цифры влезали, и еще помогите сделать так что бы при наведении на лепестки не отображалось название element.
Заранее благодарю. Фото во вложении

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

  • 5.jpg
  • 8.jpg
  • 9.jpg
  • 10.jpg
  • 11.jpg

#67 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 13 Июль 2017 - 12:05

Ответьте пожалуйста.

#68 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 13 Июль 2017 - 15:37

Просмотр сообщенияbscgroup (12 Июль 2017 - 19:30) писал:

Здравствуйте. хочу на 5 фото расположение того что выделил в круг. именно как на фото с права с лева пропорционально.На фото 10 хочу бы товары в категориях отображались как на фото. кнопка в корзину или уведомить чуть меньше и по центру в месте с ценой. добавить ширину и убавить высоту товаров как на фото. Шрифт наименования товара чуть меньше что бы влазил весь текст.
Это все для мобильной версии.
Для компьютерной версии
текст что выделен в овал на фото 8 сделать чуть больше. На рисунке 9 то что в овале выделить жирным.
На фото 11 в овале показана отображение по 100, нужно что бы цифры влезали, и еще помогите сделать так что бы при наведении на лепестки не отображалось название element.
Заранее благодарю. Фото во вложении

1) В шаблоне main.css Вам нужно заменить код:
.show-by select {
	max-width: 65px;
	border-left: 1px solid #fce3bd;
}

на

.show-by select {
	max-width: 70px;
	border-left: 1px solid #fce3bd;
}

2) В шаблоне HTML найдите код:
<li class="slider-item-2">
				 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
		 </li>
		 <li class="slider-item-3">
				 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
		 </li>
		 <li class="slider-item-4">
				 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
		 </li>
		 <li class="slider-item-5">
				 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
		 </li>
		 <li class="slider-item-6">
				 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
		 </li>
		 <li class="slider-item-7">
				 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
		 </li>

и замените на:

<li class="slider-item-2">
				 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-3">
				 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-4">
				 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-5">
				 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-6">
				 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-7">
				 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img">
		 </li>

3) Вам нужно заменить в шаблоне main.css

#footer h3 {
	font-size: 25px;
	margin-bottom: 15px;
}

на

#footer h3 {
	font-size: 25px;
	margin-bottom: 15px;
	font-weight: bold;
}

4) В шаблоне main.css Вам нужно найти код:

#breadcrumbs ul li {
	display: inline-block;
	line-height: 20px;
	text-transform: capitalize;
	padding-right: 5px;
	font-size: 13px;
}

и изменить там параметр font-size на нужный размер

После изменений напишите, дадим остальные инструкции

#69 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 13 Июль 2017 - 19:14

Просмотр сообщенияMikDark (13 Июль 2017 - 15:37) писал:

1) В шаблоне main.css Вам нужно заменить код:
.show-by select {
max-width: 65px;
border-left: 1px solid #fce3bd;
}

на

.show-by select {
max-width: 70px;
border-left: 1px solid #fce3bd;
}

2) В шаблоне HTML найдите код:
<li class="slider-item-2">
				 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
		 </li>
		 <li class="slider-item-3">
				 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
		 </li>
		 <li class="slider-item-4">
				 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
		 </li>
		 <li class="slider-item-5">
				 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
		 </li>
		 <li class="slider-item-6">
				 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
		 </li>
		 <li class="slider-item-7">
				 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
		 </li>

и замените на:

<li class="slider-item-2">
				 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-3">
				 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-4">
				 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-5">
				 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-6">
				 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-7">
				 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img">
		 </li>

3) Вам нужно заменить в шаблоне main.css

#footer h3 {
font-size: 25px;
margin-bottom: 15px;
}

на

#footer h3 {
font-size: 25px;
margin-bottom: 15px;
font-weight: bold;
}

4) В шаблоне main.css Вам нужно найти код:

#breadcrumbs ul li {
display: inline-block;
line-height: 20px;
text-transform: capitalize;
padding-right: 5px;
font-size: 13px;
}

и изменить там параметр font-size на нужный размер

После изменений напишите, дадим остальные инструкции

При применении настроек которые вы указали под цифрой два изменения появляются такие как на фото 12
Просьба для полной версии сайта сделать так что бы при наведении на лепестки не высвечивалось название.
Для мобильной версии:
на рисунке 13 изображены товары как есть, на 14 как хочу видеть (на 14 фото подробно описал что где.)
Шрифт в мобильной версии где путь по каталогу не поменялся на Corsiva, просьба поправить.
Просьба помочь сделать так как на рисунке 5.
И помогите убрать скрипт вк (Есть вопросы?) только из мобильной версии.

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

  • 12.jpg
  • 13.jpg
  • 14.jpg
  • 5.jpg

#70 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 14 Июль 2017 - 11:34

Просмотр сообщенияbscgroup (13 Июль 2017 - 19:14) писал:

При применении настроек которые вы указали под цифрой два изменения появляются такие как на фото 12
Просьба для полной версии сайта сделать так что бы при наведении на лепестки не высвечивалось название.
Для мобильной версии:
на рисунке 13 изображены товары как есть, на 14 как хочу видеть (на 14 фото подробно описал что где.)
Шрифт в мобильной версии где путь по каталогу не поменялся на Corsiva, просьба поправить.
Просьба помочь сделать так как на рисунке 5.
И помогите убрать скрипт вк (Есть вопросы?) только из мобильной версии.

В шаблоне main.js замените:
// Parallax
var itemLi = $('#slideshow ul li');
itemLi.has('img[title="element1"]').find('img').attr("data-depth","0.15").addClass('layer');
itemLi.has('img[title="element2"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element3"]').find('img').attr("data-depth","0.10").addClass('layer');
itemLi.has('img[title="element4"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element5"]').find('img').attr("data-depth","0.80").addClass('layer');
itemLi.has('img[title="element6"]').find('img').attr("data-depth","0.90").addClass('layer');

на

// Parallax
var itemLi = $('#slideshow ul li');
itemLi.has('img[alt="element1"]').find('img').attr("data-depth","0.15").addClass('layer');
itemLi.has('img[alt="element2"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[alt="element3"]').find('img').attr("data-depth","0.10").addClass('layer');
itemLi.has('img[alt="element4"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[alt="element5"]').find('img').attr("data-depth","0.80").addClass('layer');
itemLi.has('img[alt="element6"]').find('img').attr("data-depth","0.90").addClass('layer');

и в шаблоне HTML замените:

<li class="slider-item-2">
								 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
				 </li>
				 <li class="slider-item-3">
								 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
				 </li>
				 <li class="slider-item-4">
								 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
				 </li>
				 <li class="slider-item-5">
								 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
				 </li>
				 <li class="slider-item-6">
								 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
				 </li>
				 <li class="slider-item-7">
								 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
				 </li>

на

<li class="slider-item-2">
								 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" alt="element1">
				 </li>
				 <li class="slider-item-3">
								 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" alt="element2">
				 </li>
				 <li class="slider-item-4">
								 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" alt="element3">
				 </li>
				 <li class="slider-item-5">
								 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" alt="element4">
				 </li>
				 <li class="slider-item-6">
								 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" alt="element5">
				 </li>
				 <li class="slider-item-7">
								 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" alt="element6">
				 </li>

Уточните, куда Вы устанавливали виджет Вк, на какие строчки?

#71 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 14 Июль 2017 - 11:43

Просмотр сообщенияMikDark (14 Июль 2017 - 11:34) писал:

В шаблоне main.js замените:
// Parallax
var itemLi = $('#slideshow ul li');
itemLi.has('img[title="element1"]').find('img').attr("data-depth","0.15").addClass('layer');
itemLi.has('img[title="element2"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element3"]').find('img').attr("data-depth","0.10").addClass('layer');
itemLi.has('img[title="element4"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[title="element5"]').find('img').attr("data-depth","0.80").addClass('layer');
itemLi.has('img[title="element6"]').find('img').attr("data-depth","0.90").addClass('layer');

на

// Parallax
var itemLi = $('#slideshow ul li');
itemLi.has('img[alt="element1"]').find('img').attr("data-depth","0.15").addClass('layer');
itemLi.has('img[alt="element2"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[alt="element3"]').find('img').attr("data-depth","0.10").addClass('layer');
itemLi.has('img[alt="element4"]').find('img').attr("data-depth","0.20").addClass('layer');
itemLi.has('img[alt="element5"]').find('img').attr("data-depth","0.80").addClass('layer');
itemLi.has('img[alt="element6"]').find('img').attr("data-depth","0.90").addClass('layer');

и в шаблоне HTML замените:

<li class="slider-item-2">
								 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
				 </li>
				 <li class="slider-item-3">
								 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
				 </li>
				 <li class="slider-item-4">
								 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
				 </li>
				 <li class="slider-item-5">
								 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
				 </li>
				 <li class="slider-item-6">
								 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
				 </li>
				 <li class="slider-item-7">
								 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
				 </li>

на

<li class="slider-item-2">
								 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" alt="element1">
				 </li>
				 <li class="slider-item-3">
								 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" alt="element2">
				 </li>
				 <li class="slider-item-4">
								 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" alt="element3">
				 </li>
				 <li class="slider-item-5">
								 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" alt="element4">
				 </li>
				 <li class="slider-item-6">
								 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" alt="element5">
				 </li>
				 <li class="slider-item-7">
								 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" alt="element6">
				 </li>

Уточните, куда Вы устанавливали виджет Вк, на какие строчки?
в этом виджете такая строчка есть VK.Widgets.CommunityMessages

При применении настроек которые вы указали под цифрой два изменения появляются такие как на фото 12
Для мобильной версии:
на рисунке 13 изображены товары как есть, на 14 как хочу видеть (на 14 фото подробно описал что где.)
Шрифт в мобильной версии где путь по каталогу не поменялся на Corsiva, просьба поправить.
Просьба помочь сделать так как на рисунке 5.
И помогите убрать скрипт вк (Есть вопросы?) только из мобильной версии.

#72 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 14 Июль 2017 - 20:49

Чего и следовало ожидать,так не кто и не ответил.

#73 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 14 Июль 2017 - 21:14

Помогите в полной версии сайта убрать промежуток (на фото во вложении выделен стрелкой) который появляется когда уходишь с главной странички.
Заранее спасибо

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

  • 15.jpg

#74 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Июль 2017 - 06:42

Здравствуйте.

На вопросы выше я ответила вам в другой теме форума. По поводу отступа, зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow {position: relative;background: #fff9e8;padding-bottom: 120px;margin-bottom: 6px;}

замените на:
#slideshow {position: relative;background: #fff9e8;margin-bottom: 6px;}

Если необходимо данный отступ сохранить в мобильной версии, то найдите:
@media all and (max-width: 481px) {

после него пропишите:
#slideshow {padding-bottom: 120px;}

#75 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 18 Август 2017 - 10:32

Добрый день. Нужно что бы банер в красном овале перелистывался сам по кругу с переадичностью примерно 3 сек

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

  • Безымянный.JPG

#76 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 18 Август 2017 - 11:00

Просмотр сообщенияbscgroup (18 Август 2017 - 10:32) писал:

Добрый день. Нужно что бы банер в красном овале перелистывался сам по кругу с переадичностью примерно 3 сек
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

#77 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 18 Август 2017 - 11:20

Просмотр сообщенияDanil (18 Август 2017 - 11:00) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Спасибо, помогите пожалуйста данный банер что описывал выкше во вложении, установить в мобильной версии сразу под главным банером и что бы он так же прокручивался.
Заранее спасибо

#78 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 21 Август 2017 - 14:02

Просмотр сообщенияbscgroup (18 Август 2017 - 11:20) писал:

Спасибо, помогите пожалуйста данный банер что описывал выкше во вложении, установить в мобильной версии сразу под главным банером и что бы он так же прокручивался.
Заранее спасибо
Здравствуйте. В файле main.css найдите строку 
#banner {display: none;}
и замените ее на 
#banner{margin-top:0px}
#banner .content{background: #ffe3ba;}

#79 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 23 Август 2017 - 09:53

Просмотр сообщенияStasya (21 Август 2017 - 14:02) писал:

Здравствуйте. В файле main.css найдите строку 
#banner {display: none;}
и замените ее на 
#banner{margin-top:0px}
#banner .content{background: #ffe3ba;}
Выглядит данный блок очень прискорбно. можно его сделать как в полной версии но сжатый до мобильного, как главный блок в мобильной. Данные изменения для мобильной версии

#80 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 23 Август 2017 - 10:12

Просмотр сообщенияbscgroup (23 Август 2017 - 09:53) писал:

Выглядит данный блок очень прискорбно. можно его сделать как в полной версии но сжатый до мобильного, как главный блок в мобильной. Данные изменения для мобильной версии
Здравствуйте, найдите в файле main.css
@media all and (max-width: 641px) {
после вставьте
#banner .item .image {  width: 76px;}
#banner .item .text h2 {font-size: 124%;}

Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Новогодний
  5. → Изменение общей стилистики
  6. Privacy Policy