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

[Danil]

ipodushkin (28 Январь 2015 - 20:53) писал:

Спасибо! Помогите пожалуйста еще. В каталоге при установке фильтра по товарам у меня возникает беспорядок, вот такой:


Можно ли сделать, чтобы ползунок и сам фильтр по цене был растянут на всю область по ширине, а характеристики аккуратно были под ним? Спасибо

Здравствуйте.
В style.css найдите код

.filter {
float: left;
padding: 0 10px 0 0;
}

и замените на

.filter {
float: left;
width:50%;
}

Так же в шаблоне Товары найдите код

	 <!-- Если есть возможность фильтрации товаров по ценам -->
			  {% IF SHOW_GOODS_PRICE_FILTERS %}
				<div class="filter">

и замените на

	 <!-- Если есть возможность фильтрации товаров по ценам -->
			  {% IF SHOW_GOODS_PRICE_FILTERS %}
				<div class="filter" style="float:none;">

[vanyushka]

Danil (29 Январь 2015 - 10:22) писал:

Здравствуйте.
В style.css найдите код

.filter {
float: left;
padding: 0 10px 0 0;
}

и замените на

.filter {
float: left;
width:50%;
}

Так же в шаблоне Товары найдите код

	 <!-- Если есть возможность фильтрации товаров по ценам -->
			 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filter">

и замените на

	 <!-- Если есть возможность фильтрации товаров по ценам -->
			 {% IF SHOW_GOODS_PRICE_FILTERS %}
			 <div class="filter" style="float:none;">

Спасибо! А можно все это вместе по центру сделать?

[Danil]

ipodushkin (29 Январь 2015 - 14:31) писал:

Спасибо! А можно все это вместе по центру сделать?

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

.filter {
float: left;
width: 50%;
}

и замените на

.filter {
float: left;
width: 50%;
margin: 0 auto;
}

[vanyushka]

Danil (29 Январь 2015 - 14:48) писал:

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

.filter {
float: left;
width: 50%;
}

и замените на

.filter {
float: left;
width: 50%;
margin: 0 auto;
}

Спасибо. Фильтр по цене встал по середине, а остальное нет.

[Vaccina]

.filter {
float: left;
width: 50%;
margin: 0 auto;
}

замените на:

.filter {
	float: left;
	margin: 0 auto;
	text-align: center;
	width: 50%;
}

[vanyushka]

Здравствуйте!
Помогите пожалуйста со следующими моментами:
1. Строка меню. Я пытаюсь сделать для нее фон - изображение. При вставке кода типа

background: url('{ASSETS_IMAGES_PATH}header-bg1.png?design=movement')

, в целом ничего не меняется, но при наведении мыши на пункт меню начинает мигать: появляется часть загружаемого фона, далее красный цвет, а затем синий. То есть ерунда какая-то.


2. Размер области логотипа сайта в левом углу шапки. Мне надо сделать его шире раза в два, чтобы логотип и название компании было крупнее. Пока я с трудом умещаю все это в том размере, который дан по умолчанию.

3. На планшетах плохо смотрится вот эта область:

Просьба растянуть ее по горизонтали. (На планшетах она съеживается по центру экрана).

4. Убрать дубляж названия страниц на всех страницах:


Спасибо!

[Alekseys]

ipodushkin (20 Март 2015 - 11:42) писал:

Здравствуйте!
Помогите пожалуйста со следующими моментами:
1. Строка меню. Я пытаюсь сделать для нее фон - изображение. При вставке кода типа

background: url('{ASSETS_IMAGES_PATH}header-bg1.png?design=movement')

, в целом ничего не меняется, но при наведении мыши на пункт меню начинает мигать: появляется часть загружаемого фона, далее красный цвет, а затем синий. То есть ерунда какая-то.

2. Размер области логотипа сайта в левом углу шапки. Мне надо сделать его шире раза в два, чтобы логотип и название компании было крупнее. Пока я с трудом умещаю все это в том размере, который дан по умолчанию.

3. На планшетах плохо смотрится вот эта область:
Просьба растянуть ее по горизонтали. (На планшетах она съеживается по центру экрана).

4. Убрать дубляж названия страниц на всех страницах:
Спасибо!

Здравствуйте.
1. Уточните пожалуйста, куда именно Вы вставляете данный код.
2. В style.css в

.logo {
  margin-top: 0;
  text-align: center;
  width: 270px;
  float: left;
  display: block;
  padding: 20px;
}

увеличивайте параметр width: 270px; . Для увеличения самого логотипа в style.css замените

.logo img {
  vertical-align: middle;
}

на

.logo img {
  vertical-align: middle;
  width: 300px;
}

3. Укажите на скриншоте, как это должно выглядеть.
4. В style.css добавьте

.heading_title {
  display: none;
}

[vanyushka]

1. Вставляю код сюда:

#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background: linear-gradient(to top, #445363, #445363);}

заместо

{background: linear-gradient(to top, #445363, #445363)

3. Сейчас на планшетах вот так:
Хотелось бы так:

[vanyushka]

И еще просьба: убрать панель с поиском и логотипом, которая появляется на каждой странице сверху при скроллинге

[Alekseys]

ipodushkin (20 Март 2015 - 12:29) писал:

1. Вставляю код сюда:

#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background: linear-gradient(to top, #445363, #445363);}

заместо

{background: linear-gradient(to top, #445363, #445363)

2. Мне нужно увеличить саму картинку logo. Сейчас она 265x83. Изменил на 400px в

.logo img {
vertical-align: middle;
width: 400px;
}

, и сделал новое logo размером 400x83, вставил на сайт, но оно также вставляется в прежнее окно в шапке (265x83).

3. Сейчас на планшетах вот так:
Хотелось бы так:

Пожалуйста не отменяйте сделанные изменения. Для изменения фона верхнего меню, изменения необходимо проводить в style.css в

.nav-container {
background: #fff;
background: linear-gradient(to top, #364657, #364657);
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
}

на данный момент код работает, но из-за незначительной разницы цветов это мало заметно.
2. Для изменения размеров логотипа, изменения Вам нужно проводить и в

.logo {
margin-top: 0;
text-align: center;
width: 270px;
float: left;
display: block;
padding: 20px;
}

в параметре  width: 270px; и в

.logo img {
vertical-align: middle;
width: 400px;
}

3. Для расширения промо-блока в style.css замените

.promo_block {
width: 740px!important;
}

на

.promo_block {
width: 940px!important;
}

и

.promo_block li {
padding-left: 55px;
width: 135px;
padding-right: 15px;
}

замените на

.promo_block li {
padding-left: 55px;
width: 185px;
padding-right: 15px;
}

Также замените

.header_bar {
  position: fixed;
  top: 0px;
  z-index: 10000;
  width: 100%;
  background: url('http://design.minimoykin.ru/header-bg1.png?design=movement');
  display: none;
}

на

.header_bar {
  position: fixed;
  top: 0px;
  z-index: 10000;
  width: 100%;
  background: url('http://design.minimoykin.ru/header-bg1.png?design=movement');
  display: none!important;
}

[vanyushka]

Спасибо!
С точки зрения планшета на главной перед слайдером образовалась белая полость. Помогите убрать

[Alekseys]

ipodushkin (20 Март 2015 - 15:29) писал:

Спасибо!
С точки зрения планшета на главной перед слайдером образовалась белая полость. Помогите убрать

Уточните пожалуйста разрешение планшета.

[vanyushka]

1024x768 + тоже самое происходит в браузере internet explorer на разрешении  1600x900

[vanyushka]

Alekseys (20 Март 2015 - 17:34) писал:

Уточните пожалуйста разрешение планшета.

1024x768 на планшете
+ тоже самое происходит в браузере internet explorer на разрешении 1600x900

[Ирина345]

ipodushkin (20 Март 2015 - 20:48) писал:

1024x768 на планшете
+ тоже самое происходит в браузере internet explorer на разрешении 1600x900

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

[vanyushka]

Ирина345 (21 Март 2015 - 16:49) писал:

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

Здравствуйте! Я тестирую самостоятельно свой сайт на разных устройствах и вижу проблему. О ней все мои предыдущие сообщения в этой теме. Alekseys мне очень помогает в этом вопросе и осталось исправить большой белый отступ между меню и слайдером на планшете с разрешением 1024x768 в браузере Firefox:



И большой белый отступ между меню и слайдером в моноблоке на экране с разрешением 1600x900 в браузере internet explorer windows 8:

[Turanga Leela]

Добрый день. При изменении размеров окна браузера строка поиска налезает на время работы и контакты (но в мобильной версии все хорошо и  вроде даже ровно). Подскажите, пожалуйста, как это исправить?
И у меня почему то исчезли заглавные эмблемки в строках "представьтесь, пожалуйста" и "электронная почта" в подвале. Как вернуть их назад?
Спасибо!

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

• 
• 

[Alekseys]

Turanga Leela (21 Апрель 2015 - 14:44) писал:

Добрый день. При изменении размеров окна браузера строка поиска налезает на время работы и контакты (но в мобильной версии все хорошо и  вроде даже ровно). Подскажите, пожалуйста, как это исправить?
И у меня почему то исчезли заглавные эмблемки в строках "представьтесь, пожалуйста" и "электронная почта" в подвале. Как вернуть их назад?
Спасибо!

Здравствуйте. В конец style.css добавьте

.logoinput {
  width: 30px;
  height: 30px;
  display: inline-block;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

и в блок

@media only screen and (max-width: 1200px) and (min-width: 960px)

вставьте

#search {
  top: 65px;
}
.shopping_cart_block {
  top: 65px;
}

[Turanga Leela]

Оо, благодарю! Вы мой спаситель!