Публикации Юля123

Отключен JavaScript

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

1000 публикаций создано Юля123 (учитываются публикации только с 25-Сентябрь 23)

По типу контента

По пользователю

Сортировать

Порядок

#234141 Галерея Изображений

Отправлено от Юля123 в 15 Апрель 2016 - 11:07 в Инструкция по использованию (документация)

vasilevichiv (15 Апрель 2016 - 11:01) писал:

Меню "вы смотрели" ушло, что хорошо (скриншот оставил старый). Но верхнее меню продолжает наплывать на развернутую картинку.

в main.css код:

#header {position: relative;z-index: 99;background-color:#a39384;border-top:3px solid #1d283c;}

замените на код:

#header {position: relative;z-index: 29;background-color:#a39384;border-top:3px solid #1d283c;}

#236148 Слайдер Инфинити

Отправлено от Юля123 в 05 Май 2016 - 10:15 в Изменение общей стилистики

Ibra (05 Май 2016 - 08:50) писал:

это получается каждый раз надо вручную менять наличии размеров у меня примерно 500 позиций и это будет очень трудно делать , а нельзя ли как нибудь попроше чтоб автоматически выводилось остатки

Да, так тоже можно, попробуйте в шаблоне Товары перед кодом:

				  </div>
				</div>
			  </div>
			  </div></div>{% ENDFOR %}
		  <!-- Если отображаем товары таблицей -->

добавить код:

					<div class="mod">
					Размеры в наличии:
					{% FOR mods %}
						{% FOR goods_mod_distinctive_properties %}
							{% IF goods.mods.REST_VALUE > 0  %}
							  <b> {goods.mods.goods_mod_distinctive_properties.VALUE} </b>
							{% ENDIF %}
						{% ENDFOR %}
					{% ENDFOR %}
				  </div>

тогда информация о наличии будет появляться вместе с дополнительными фото по наведению.

#236045 Слайдер Инфинити

Отправлено от Юля123 в 04 Май 2016 - 11:11 в Изменение общей стилистики

Ibra (30 Апрель 2016 - 16:40) писал:

И еше такой вопрос можно ли реализовать как на этом сайте при наведении мышки на товар чтоб показывал размеры которые есть в наличии

Здравствуйте, да, так можно сделать, например, с помощью краткого описания. Т.е. для каждого товара в кратком описании Вы описываете оставшиеся размеры, и мы выведем краткое описание по наведению. Вас устроит такой вариант?

#234371 Настройка Отображения Товаров В Адаптивном Шаблоне Снега

Отправлено от Юля123 в 18 Апрель 2016 - 11:59 в Каталог товаров

Andrew S. (17 Апрель 2016 - 19:27) писал:

1. До 320 px. Вы лишили меня модуля сравнения товара. Теперь человек если добавить товар в сравнение, он не сможет в него перейти.
Разве его нельзя сделать так, чтобы пока его нет, он не поедал пространство, а когда появлялся, то появлялся бы?
Прикрепленный файл

1_bef_320px.png
И корзину левее и ниже не передвинули... В центр по вертикали и горизонтали.

2. То же самое до 370px, ушёл модуль сравнения. Нужно сделать чтобы показывался когда добавляли в сравнение и не показывался когда нет товаров в сравнении.
Или каким-нибудь другим способом, но чтобы он был и лишнего места не было пустого, когда там ничего нет.
Прикрепленный файл

2_bef_370px.png
Корзина то же самое.

-----------------------------------------------------------------------------------------------------------------------------------------------------

3. До 420px, то же самое: отсутствует сравнение.
Но корзина тут в другой части, её тоже надо в центр. Вправо и ниже. Чтобы была просто в центре по верт. и гор.
Прикрепленный файл

3_bef_420px.png

4. До 540px, как в до 420px: корзину также.
Прикрепленный файл

4_bef_540px.png
Обрезаются внизу контакты (скобки и буквы рр)

5. До 580px, тоже нет сравнения. Не надо было его убирать, его надо прятать, пока нет ничего внутри. Если нет другого решения.
Прикрепленный файл

5_bef_580px.png
Тоже обрезаются внизу контакты.

6. До 680px+750+768px. Тоже нет сравнения, а нужен. Если он есть, зачем его убирать?
Прикрепленный файл

6_bef_680px+750px+768px.png
Слишком большой отступ сверху контактов и вообще нет отступа внизу контактов. (
И блоки с поиском и корзиной более по центру поставить. И добавить расстояния между поиском и блоком корзины...

7. До 870-880px. Тоже нет модуля сравнения. С ним также надо, чтобы появлялся при наличии товаров в сравнении.
Прикрепленный файл

7_bef_870px+880px.png
Блоки с поиском и корзиной более по центру поставить. И добавить расстояния между поиском и блоком корзины...
Слишком большой отступ вверху контактов, слишком маленьких (вообще нет) - внизу.
И контакты с цепи сорвались, их не более 300px (100%) в ширину надо.

Выше разрешения стало нормально, сносно на 85%.

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

1) Модуля сравнения не наблюдается с 880рх. В main.css найдите код (встречается 2 раза, нужно заменить в обоих):


.logoblock-center, .logoblock-right, .infoBox {
	 display: none !important;
}

и замените на код:


.logoblock-center, .logoblock-right, {
	 display: none !important;
}

И у Вас так и прописаны свойства для этого блока "пока его нет, он не поедал пространство, а когда появлялся, то появлялся бы" .

Далее изменим немного позиционирование блока, а именно при 540-880px этот блок будет в правом верхнем углу. Для этого в main.css после кода:

@media screen and (max-width: 880px) {

добавьте код:

  .bottom-inner-content > div.infoBox {
	display: inline-block !important;
	float: right !important;
	padding-right: 13px !important;
	text-align: right !important;
	width: auto;
	top: -85px;
}

далее найдите код:

	.bottom-inner-content > div {
		width: 50%;
		padding: 1% 0;
		float: none;
		margin: 0 auto;
		display: block;
		text-align: center;
		position: relative !important;
	}

и замените на код:

	.bottom-inner-content > div {
		width: 50%;
		padding: 0;
		float: none;
		margin: 0 auto;
		display: block;
		text-align: center;
		position: relative !important;
	}

Далее найдите код:

@media screen and (max-width: 540px) {

после него добавьте код:

.bottom-inner-content > div.infoBox {
	width: 50% !important;
	padding: 0;
	float: none !important;
	margin: 0 auto;
	display: block !important;
	position: relative !important;
	top: 0;
	text-align: center !important;
}

Блок сравнения переместится под телефоны.

Далее откорректируем отображение корзины, найдите и удалите код:

.cartBtn {float: left;}

далее найдите код:

	.cartBtn {
		margin: 0;
		width: auto;
	}

замените на код:

.cartBtn {
	margin: 0;
	width: auto;
	text-align: center;
}

и код:

	.cart {
		 width: 46px;
	}

замените на код:

.cart {
	width: 58px;
}

#236153 Как Правильно Удалить Слайдер?

Отправлено от Юля123 в 05 Май 2016 - 12:20 в Изменение общей стилистики

Beliu (05 Май 2016 - 11:38) писал:

сделал по этой инструкции слайдер а как старый убрать родной?

В шаблоне HTMl найдите и удалите код:

	<!-- Запуск слайдера -->
	{% IF index_page %}
	<script>
	   $(function(){ slideShow()});
	</script>
	{% ENDIF %}
	<!-- Запуск слайдера -->

и код:

		<!-- Jssor Slider Слайдер Начало -->
		{% IF index_page %}
		<div id="slider1_container">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide4.jpg?design=jade" />
			</div>
			 <div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide5.jpg?design=jade" />
			</div>
		  </div>
		</div>
		{% ENDIF %}
		<!-- Jssor Slider Слайдер Конец -->

#235750 Слайдер Инфинити

Отправлено от Юля123 в 28 Апрель 2016 - 19:47 в Изменение общей стилистики

Gost (28 Апрель 2016 - 16:31) писал:

Еще вопрос, если в каталоге (в левой части) больше 30 разделов, они все не умещаются и кнопки "в сравнении и в корзине" закрывают разделы каталога, нужно чтоб он смешался вверх и вниз, т.е. был доступ к каталогу с левой части ( к любому разделу) как исправить?

Здравствуйте, передали Ваш запрос на доработку, спасибо!

#236286 Как Правильно Удалить Слайдер?

Отправлено от Юля123 в 06 Май 2016 - 17:31 в Изменение общей стилистики

Beliu (06 Май 2016 - 17:27) писал:

[Цитата Имя='Юля123' типа типа типа timestamp='1462440049' пост='236153']
Тут не передать словами) слайдер открывается непонятно только кусочек и дублируется по всей площади где должен находится слайдер.
Потом он снизу почему то дублируется и главная страница растянулась.

Здравствуйте, это проблема в инструкции, по которой Вы выполняли добавление слайдера, сейчас ее поправили. Попробуйте вновь установить слайдер. Извините за доставленные неудобства.

#238457 Слайдер Инфинити

Отправлено от Юля123 в 26 Май 2016 - 10:46 в Изменение общей стилистики

fredshka (25 Май 2016 - 22:34) писал:

1) Что за дырка на мобильной версии?? Как от нее избавиться?
2) Необходимо меню, которое внизу страницы (Главная, доставка и тд) продублировать перед слайдером
3) Как сделать так, чтобы главная страница была страница со всеми товарами, а не название и фото категории?

Здравствуйте, пришлите, пожалуйста номер аккаунта о котором идет речь.

#236610 Выровнить

Отправлено от Юля123 в 11 Май 2016 - 16:05 в Главная

UGIN (11 Май 2016 - 14:41) писал:

супер. а как можно этот блок привести в вид как на скрине?

Вот такой вид Вас устроит? Или вы хотите так же добавить описание снижу (мелкий шрифт)

ЕСли Вас устраивает такой вариант, тогда в main.css найдите код:

.yt-bannertop .banner-top ul li {background-repeat: no-repeat;float: left;list-style:none;}

и замените на код:

.yt-bannertop .banner-top ul li {
	background-repeat: no-repeat;
	float: left;
	list-style: none;
	border-right: 1px solid #ddd;
	margin: 20px 0;
}
.yt-bannertop .banner-top ul li a.banner-top-img {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.yt-bannertop .banner-top ul li:last-child {
	border: 0;
}

#236430 Слайдер Инфинити

Отправлено от Юля123 в 10 Май 2016 - 12:40 в Изменение общей стилистики

Ibra (09 Май 2016 - 20:16) писал:

скажите пожалуйста а как сделать это в шаблоне ИНФИНИТИ

Здравствуйте, добавляйте в шаблоне Товары перед кодом:

					</div>
				  </div>
				</form>
			  </div>
			</div>
		  {% ENDFOR %}
		</div>
	  {% ELSE %}
		<!-- Вывод товаров Списком -->

код:

								 <div class="mod">
								 Размеры в наличии:
								 {% FOR mods %}
										 {% FOR goods_mod_distinctive_properties %}
												 {% IF goods.mods.REST_VALUE > 0 %}
														 <b> {goods.mods.goods_mod_distinctive_properties.VALUE} </b>
												 {% ENDIF %}
										 {% ENDFOR %}
								 {% ENDFOR %}
								 </div>

#236289 Как Правильно Удалить Слайдер?

Отправлено от Юля123 в 06 Май 2016 - 17:53 в Изменение общей стилистики

Beliu (06 Май 2016 - 17:50) писал:

Именно такого кода у меня нет <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" /> (из инструкции)

есть такие


<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />


<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}magnific-popup.css?design=jade">
<link rel="stylesheet" type="text/css" href="/design/icon.css?design=jade">
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}main.css?design=jade">

У Вас это строчка:

<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}main.css?design=jade">

#233966 Настройка Отображения Товаров В Адаптивном Шаблоне Снега

Отправлено от Юля123 в 13 Апрель 2016 - 14:34 в Каталог товаров

Andrew S. (13 Апрель 2016 - 08:15) писал:

Там куча кодов уже намешана. Вы прописываете ширину блока корзины 10%, а ниже целая куча данных, задающих совершенно другую ширину. То же касается и остального. Это нужно учесть.

Корректировки необходимы. Почти все те же проблемы остаются..

Разрешения экрана от 580:
Все последующие коды заключены в скобки (5365-5432)

@media screen and (max-width: 580px) {...}

код:

.cart {
	 float: right;
	 position: relative;
	 width: 20px;
	 overflow: hidden;
	 min-width: 20px;
	 padding: 5px 1px 0 1px;
}

замените на код:

.cart {
	 float: right;
	 position: relative;
	 width: 55px;
	 overflow: hidden;
	 min-width: 20px;
	 padding: 5px 1px 0 1px;
}

далее там же найдите код:

#image-1 {
	 position: relative;
	 right: initial;
	 bottom: initial;
	 height: 20px;
	 overflow: visible;
}

и замените на код:

#image-1 {
position: relative;
right: 0 !important;
bottom: 0 !important;
height: 20px;
overflow: visible;
}

и на том же разрешении есть код:

a.countTovars {
display: inline-block;
}

и замените на код:

a.countTovars {
display: none;
}

Произведите эти изменения, дальше приступим к следующим изменениям.

#233958 Настройка Отображения Товаров В Адаптивном Шаблоне Снега

Отправлено от Юля123 в 13 Апрель 2016 - 12:50 в Каталог товаров

Цитата

Разрешение ниже 370px:

Тут те же самые отступы, что и выше описано.

После кода:

@media screen and (max-width: 370px) {

добавьте код:

a.countTovars {
display: none !important;
}
#image-1 {
right: 0px !important;
bottom: 0px !important;
width: 92%;
}
.searchBtn.btn {
left: 85%;
}
.searchForm {
width: 75%;
}
.cart {
width: 46px;
}
.header-inner {
	 margin-bottom: 13px;
}

#226139 Несколько Вопросов По Дизайну Шаблона!

Отправлено от Юля123 в 09 Февраль 2016 - 12:24 в Изменение общей стилистики

Виталий702 (09 Февраль 2016 - 10:40) писал:

{% IF GOODS_VIEW_TYPE=2 %}
у меня нет(((

Здравствуйте, в шаблоне Товары этот код находится начиная с 73 строки для этого сайта.

#226260 Создание Блоков С Права

Отправлено от Юля123 в 10 Февраль 2016 - 11:08 в Шаблон Весна

Cityhobbi (10 Февраль 2016 - 10:36) писал:

Спасибо, но еще нужно сделать его по центру, на скрине показано, сейчас он смещен в право

И что по второму вопросу?

Здравствуйте, попробуйте сделать следующее, в main.css найдите код:

  #column-left .box-content, #column-right .box-content {
		padding: 20px 10px;
}

и замените на код:

  #column-left .box-content, #column-right .box-content {padding: 20px 5px;}
div#vk_groups { margin: 0 auto;}

Цитата

И еще, нужно что бы текст в товарах шел не столбиком, а автоматически переносился под фото после кнопок соц сетей.

Не совсем понятно о чем речь, уточните, пожалуйста.

#226046 Несколько Вопросов По Дизайну Шаблона!

Отправлено от Юля123 в 08 Февраль 2016 - 15:30 в Изменение общей стилистики

Виталий702 (08 Февраль 2016 - 14:53) писал:

Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста, как сделать что бы товары отображались не таблицей, а строками? Спасибо!

Здравствуйте, уточните, пожалуйста, Вы хотите, чтобы по умолчанию у Вас Товары отображались списком? Или вообще всегда только списком?

#224098 Несколько Вопросов По Дизайну Шаблона!

Отправлено от Юля123 в 25 Январь 2016 - 11:59 в Изменение общей стилистики

Виталий702 (24 Январь 2016 - 20:21) писал:

Извините, пожалуйста, можете привести пример! Я не очень понимаю... спасибо!

Здравствуйте, Вам нужно после каждой строки (в том месте, где нужно добавить перенос) добавить код: </br>

#223563 Несколько Вопросов По Дизайну Шаблона!

Отправлено от Юля123 в 20 Январь 2016 - 17:17 в Изменение общей стилистики

Виталий702 (20 Январь 2016 - 16:42) писал:

Здравствуйте! Аккаунт SL-373360
Помогите, пожалуйста, разобраться со следующими вопросами:
1) Какой размер должен быть слайдера, что бы идеально адаптировался? Как сделать, что бы была только одна картинка, а не две, как сейчас?
2) Как убрать 5 звездочек у товара при наведении на картинку, что бы оставалась только цена? Что бы нигде их не было!
3) У меня 10 товаров на главной. Как убрать "Показать все" и всегда были раскрыты товары все ( сейчас только восемь)?
4) Что бы товары были симметричны, сейчас их по 4 в ряд, но в последнем ряду два сделать по центру?

Спасибо!

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

1) У Вас слайдер адаптируется, размер загружаемого изображения должен быть 1920*700px. В шаблоне HTML код:

	<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div id="slider">
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		</div>
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Jssor Slider Слайдер -->

отвечает за слайдер, чтобы осталась только одна картинка замените его на код:

	<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div id="slider">
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		</div>
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Jssor Slider Слайдер -->

Для того, чтобы загрузить свою картинку, найдите в редакторе шаблонов раздел "Изображения" (слева боковая панель) и изображение slider1 заменяйте на свое изображение.

2) В main.css найдите код:

.ratings {font-size: 11px;line-height: 1.25;display: inline-block;}

и замените на код:

.ratings {font-size: 11px;line-height: 1.25;display: none;}

3) В main.css найдите код:

#producttabs .pdt-content .item:nth-child(1), #producttabs .pdt-content .item:nth-child(2), #producttabs .pdt-content .item:nth-child(3),
#producttabs .pdt-content .item:nth-child(4), #producttabs .pdt-content .item:nth-child(5), #producttabs .pdt-content .item:nth-child(6),
#producttabs .pdt-content .item:nth-child(7), #producttabs .pdt-content .item:nth-child(8) {display:block;}

замените на код:

#producttabs .pdt-content .item:nth-child(1), #producttabs .pdt-content .item:nth-child(2), #producttabs .pdt-content .item:nth-child(3),
#producttabs .pdt-content .item:nth-child(4), #producttabs .pdt-content .item:nth-child(5), #producttabs .pdt-content .item:nth-child(6),
#producttabs .pdt-content .item:nth-child(7), #producttabs .pdt-content .item:nth-child(8),#producttabs .pdt-content .item:nth-child(9),
#producttabs .pdt-content .item:nth-child(10) {display:block;}

затем код:

#producttabs .button-load .button {display: block;max-width:110px;margin: 0 auto 10px;text-align: center;}

замените на код:

#producttabs .button-load .button {display: none;max-width:110px;margin: 0 auto 10px;text-align: center;}

4) К сожалению, так сделать не получится.

#226292 Создание Блоков С Права

Отправлено от Юля123 в 10 Февраль 2016 - 14:33 в Шаблон Весна

Cityhobbi (10 Февраль 2016 - 11:23) писал:

Пример в скрине

И Еще вопрос, При оплате 36 тыс. руб. срок аренды продлится на 2 года? Скидки по прежнему действуют?

Теперь новости в блоке, вышли за свои границы, как поправить?

1) По вопросу оплаты, да, всё осталось по прежнему, скидки действуют.

2)

Цитата

Пример в скрине

не нашла, продублируйте, пожалуйста.

3) Попробуйте в шаблоне Товар найти код:

		<!-- Полное описание -->
				{% IF GOODS_DESCRIPTION_LARGE %}
				  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
						{GOODS_DESCRIPTION_LARGE}
				  </div>
				{% ENDIF %}
				<!-- END Полное описание -->
					<!-- Полное SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_LARGE %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Полное SEO-описание -->
		<!-- Короткое SEO-описание -->
				{% IF GOODS_SEO_DESCRIPTION_SHORT %}
				  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
						{GOODS_SEO_DESCRIPTION_SHORT}
				  </div>
				{% ENDIF %}
				<!-- END Короткое SEO-описание -->
	</div>

и заменить на код:

		<!-- Полное описание -->
				{% IF GOODS_DESCRIPTION_LARGE %}
				  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
						{GOODS_DESCRIPTION_LARGE}
				  </div>
				{% ENDIF %}
				<!-- END Полное описание -->
					<!-- Полное SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_LARGE %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Полное SEO-описание -->
	</div>

		<!-- Короткое SEO-описание -->
				{% IF GOODS_SEO_DESCRIPTION_SHORT %}
				  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
						{GOODS_SEO_DESCRIPTION_SHORT}
				  </div>
				{% ENDIF %}
				<!-- END Короткое SEO-описание -->

#226296 Создание Блоков С Права

Отправлено от Юля123 в 10 Февраль 2016 - 15:02 в Шаблон Весна

Cityhobbi (10 Февраль 2016 - 14:54) писал:

В main.css найдите код:

.box-category ul {list-style: none;margin: 0 -10px;padding: 0;font-size:12px;}

и замените на код:

.box-category ul {list-style: none;padding: 0;font-size:12px;}

#233951 Настройка Отображения Товаров В Адаптивном Шаблоне Снега

Отправлено от Юля123 в 13 Апрель 2016 - 12:17 в Каталог товаров

Цитата

1. Разрешение ниже 320px по горизонтали:

а) чтобы строка поиска помещалась с корзиной, может ширину автоматической задать или наоборот ширину 90% сделать чтоб корзинка влезла.
б) чтобы корзина не прилипала вплотную к правой части, была примерно по-середине между поиском и краем правой части.
в) нужен отступ сверху для логотипа.
г) не нужен слишком большой отступ ниже логотипа
д) нужно как-то обнулить отступ справа у контактов, а то он встаёт в середину, плюс ему старый отступ добавляется от большого разрешения.

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

1) Для начала уберем слово "Корзина", для этого найдите код:

.cartNameBtn1 {
	 display: none;
	 display: inline-block;
	 padding-top: 3px;
	 float: left;
}

и замените на код:

.cartNameBtn1 {
	 display: none;
	 padding-top: 3px;
	 float: left;
}

далее нужно убрать надпись "n товаров " рядом со значком корзины, откорректировать отображение телефонов, уменьшить ширину поиска и подвинуть кнопку поиска левее, а так же сделать ширину корзины увеличить и еще добавляем отступ к логотипу. Для этого в main,css добавьте код:

a.countTovars {
display: none !important;
}
#image-1 {
right: 0px !important;
bottom: 0px !important;
width: 92%;
}
.searchBtn.btn {
left: 85%;
}
.searchForm {
width: 75%;
}
.cart {
width: 46px;
}
.header-inner {
	margin-bottom: 13px;
}

после кода:

@media screen and (max-width: 320px) {

Проверьте, пожалуйста, должно получится так:

#233124 Настройка Отображения Товаров В Адаптивном Шаблоне Снега

Отправлено от Юля123 в 05 Апрель 2016 - 17:26 в Каталог товаров

Andrew S. (05 Апрель 2016 - 14:57) писал:

Нарушение в обычном шаблоне всё-таки произошло с корзиной.

1. После последнего изменения по первому пункту в обычной версии ПРОПАЛА нормальная красивая белая надпись: "0 товаров". Стала отображаться чёрным "корзина". До последнего изменения она отображалась нормально в обычной версии, но всё равно корзина исчезает всё время на некотором промежутке разрешений.
Прикрепленный файл

imggg.png
И вообще какая-то полная ерунда начала происходить:
Прикрепленный файл

Erunda.png
Было так:
Прикрепленный файл

BYLO.png

Тогда верните обратно код:

.cartNameBtn1 {
display: none
}

или просто добавьте в самом конце main.css.

Цитата

Только надо бы добавить padding вкруг по всем 4 сторонам ко всему сайту на всех адаптивных версиях. Хотя бы пару пикселей, а то в нескольких местах тексты и блоки начинаются прям с края экрана.

В main.css найдите код:

	.sectionblock-inner-content {
		min-height: initial;
		min-height: inherit
	}

и замените на код:

	.sectionblock-inner-content {
		min-height: initial;
		min-height: inherit
		padding: 0 10px; 
	}

#233098 Настройка Отображения Товаров В Адаптивном Шаблоне Снега

Отправлено от Юля123 в 05 Апрель 2016 - 11:54 в Каталог товаров

Andrew S. (05 Апрель 2016 - 10:18) писал:

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

1. Слово "корзина" почему-то чёрным цветом, нужно, чтобы оно было белым. И почему-то значок идёт справа, а не слева и нет отступа между значком и словом "Корзина".
Прикрепленный файл

Korzina, Kontakty.png
На чуть больших разрешениях слово "Корзина" вообще отсутствует.

2. Нужно, чтобы в адаптивном - контакты были слева под логотипом. А не справа. Например, ниже 800px.

...

Прикрепленный файл

rezh1.png
Как видите, первый режим отображения каталога отображается нормально. Но проблема с двумя другими.

3. Второй режим отображения товаров. Пусть фото всегда будет размером 245*245 как по стандарту. А когда контент с текстом перестанет влезать, весть текст перепрыгивал бы на следующую строчку:
Прикрепленный файл

rezh2-1.png
Задать, допустим, ширину экрана 540px, при которой остальное будет падать под фото. А выше 540px по ширине - по-обычному:
Прикрепленный файл

rezh2-2.png

4. На этом же фото видно, что текст на примерно таком разрешении по ширине уползает под фото. Нужно исправить...

5. Третий режим, чтобы ниже 760px, блок "с ценой, наличием, количеством и сравнить..." нырял под фото и описание.
А описание чтобы было жёстко привязано к фото справа:
Прикрепленный файл

rezh3-1.png

6. Также есть проблема исчезновения логотипа свыше 540px по горизонтали и до 882px.
Прикрепленный файл

logo1.png

logo2.png

Здравствуйте, перед изменениями создайте бекап шалона

1) Найдите в main.css код:

.cartNameBtn1 {
	 display: inline-block;
	 padding-top: 3px;
	 float: left;
}

и замените на код:

.cartNameBtn1 {
display: inline-block;
padding-top: 3px;
float: left;
color: #fff;
margin-left: 10px;
}

шаблоне HTML найдите код:

															 <div class="cartNameBtn1">Корзина</div>
															 <div class="cartImg"></div>

и замените на код:

<div class="cartImg"></div>
															 <div class="cartNameBtn1">Корзина</div>

так изменили положение слова корзина.

Если Вы хотите, чтобы слово отображалось на всех версиях, то найдите и удалите в main.css код:

.cartNameBtn1 {
display: none
}

Этот код для десктопной версии сайта (просмотр с компьютера)

а так же код:

.cartNameBtn1 {
	 padding-top: 2px;
	 padding-left: 2px;
	 display: none;
}

замените на код:

.cartNameBtn1 {
	 padding-top: 2px;
	 padding-left: 2px;
}

Это для устройств с шириной экрана меньше 880 пикселей.

2) В main.css после кода:

@media screen and (max-width: 880px) {

добавить код:

#image-1 {
left: 0;
}

3) Для второго отображения, в main.css после кода:

@media screen and (max-width: 540px) {

добавьте код:

.goodsListImg {
width: 100%;
}
.goodsListContent {
width: 100%;
}

4) В Main.css после кода:

@media screen and (max-width: 880px) {

добавьте код:

.goods-list .goodsListImgBlcok > a img {
width: 200px;
height: auto;
}
.goodsListImgBlcok {
width: 210px !important;
}

5) В main.css после кода:

@media screen and (max-width: 680px) {

добавьте код:

.table_mini figure .goodsListContent {
width: 100% !important;
}
.table_mini figure .goodsListImg {
width: 100%;
}
.table_mini .goodsListImgBlcok > a img {
width: 245px;
height: auto;
}

Будет выглядеть так:

Вас устроит такой вариант?

6) В main.css найдите и удалите код:

	.logoblock-left {
		display: none
	}

#226676 Создание Блоков С Права

Отправлено от Юля123 в 12 Февраль 2016 - 16:18 в Шаблон Весна

Cityhobbi (12 Февраль 2016 - 15:52) писал:

Спасибо.

Помогите отцентровать рекламный блок под шапкой

Здравствуйте, если вы об этом блоке:

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

ins.adsbygoogle { text-align: center;}

#221180 Выровнить

Отправлено от Юля123 в 23 Декабрь 2015 - 10:25 в Главная

UGIN (23 Декабрь 2015 - 09:41) писал:

как можно убрать высоту верхних блоков, до той степени чтобы слайдеры полностью попадали на начальную страницу?

Здравствуйте, попробуйте сделать следующее. В main.css найдите код:

.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}

и замените на код:

.header-content .yt-main-menu {float:right;}

Далее в шаблоне HTML найдите код:

<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 52px;">

и замените на код:

<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px;">