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

[Andrew S.]

Добрый день!

Вот в некоторых браузерах типа хрома почему-то добавляется лишнее поле между верхним меню и логотипом. Помогите его убрать, пожалуйста?



Вот как нормально оно отображается:



Какое-то несоответствие непонятное.

[Firefly]

Andrew S. (25 Апрель 2015 - 13:10) писал:

Добрый день!

Вот в некоторых браузерах типа хрома почему-то добавляется лишнее поле между верхним меню и логотипом. Помогите его убрать, пожалуйста?

2_chromoobraznye_brauzery.png

Вот как нормально оно отображается:

2_normal'nye_brauzery.png

Какое-то несоответствие непонятное.

На данный момент в этом месте у Вас расположен блок сравнения товаров.
Этот блок можно полностью отключить.
Для этого зайдите в:
Админ. панель -> Настройки -> Основные -> Модуль сравнения товаров на сайте и поставьте галочку Выключить модуль сравнения товаров на сайте.

[Andrew S.]

Firefly (25 Апрель 2015 - 15:36) писал:

На данный момент в этом месте у Вас расположен блок сравнения товаров.
Этот блок можно полностью отключить.
Для этого зайдите в:
Админ. панель -> Настройки -> Основные -> Модуль сравнения товаров на сайте и поставьте галочку Выключить модуль сравнения товаров на сайте.

А можно ли его переместить в блок с логотипом?

Я это прошу сделать в п. 8 в сообщении № 6:

Создать Отображение Уменьшенного Списка Товаров Мелкой Таблицей

Чтобы он ничто не смещал только..

[Firefly]

Andrew S. (25 Апрель 2015 - 16:13) писал:

А можно ли его переместить в блок с логотипом?

Я это прошу сделать в п. 8 в сообщении № 6:

Создать Отображение Уменьшенного Списка Товаров Мелкой Таблицей

Чтобы он ничто не смещал только..

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите и вырежьте код:

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
							 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
							 {% IFNOT SETTINGS_COMPARE_DISABLE %}
								 <div class="infoBox">
									 <div class="buy_button" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %} style="display:none" {% ENDIF %}>
											 <a href="{COMPARE_URL}" id="compareInfo"> Сейчас на сравнении <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span></a>
									 </div>
								 </div>
							 {% ENDIF %}
						 {% ENDIF %}
						 <!-- END Если в тарифном плане подключен модуль сравнения товаров -->

Найдите код:

<div class="logoblock-right">
</div>

Вставьте сразу после него вырезанный код.

Далее зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

.infoBox {
display: inline-block;
width: auto;
padding: 1% 2%;
padding-right: 0;
text-align: right
}

Замените на:

.infoBox {
display: inline-block;
width: auto;
padding: 1% 5%;
padding-right: 0;
text-align: right
}

Так же в main.css найдите код:

.bottom-inner {
display: inline-block;
clear: both;
width: 100%;
margin: 0 auto;
background: #0c84ac;
}

Замените на:

.bottom-inner {
display: inline-block;
clear: both;
width: 100%;
margin: 0 auto;
background: #0c84ac;
margin-bottom: 8px;
}

[Andrew S.]

Firefly (25 Апрель 2015 - 17:43) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите и вырежьте код:

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
							 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
							 {% IFNOT SETTINGS_COMPARE_DISABLE %}
								 <div class="infoBox">
									 <div class="buy_button" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %} style="display:none" {% ENDIF %}>
											 <a href="{COMPARE_URL}" id="compareInfo"> Сейчас на сравнении <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span></a>
									 </div>
								 </div>
							 {% ENDIF %}
						 {% ENDIF %}
						 <!-- END Если в тарифном плане подключен модуль сравнения товаров -->

Найдите код:

<div class="logoblock-right">
</div>

Вставьте сразу после него вырезанный код.

Далее зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

.infoBox {
display: inline-block;
width: auto;
padding: 1% 2%;
padding-right: 0;
text-align: right
}

Замените на:

.infoBox {
display: inline-block;
width: auto;
padding: 1% 5%;
padding-right: 0;
text-align: right
}

Так же в main.css найдите код:

.bottom-inner {
display: inline-block;
clear: both;
width: 100%;
margin: 0 auto;
background: #0c84ac;
}

Замените на:

.bottom-inner {
display: inline-block;
clear: both;
width: 100%;
margin: 0 auto;
background: #0c84ac;
margin-bottom: 8px;
}

Меняю пошагово и проверяю что получается каждый раз. Результат хорош уже до выполнения последних двух замен.

Вот только появилось одно но:



1. Самое главное "но". То, что снизу логотип стал обрезаться. Можно сделать так, чтобы он не обрезался?

А надпись о наличии товара в сравнении...

2. Можно ли ей сейчас задать команду типа float: right, чтобы она стояла по вертикальной красной линии?

3. И Вы не написали, к сожалению, как сделать надпись светло-серой (цвет #D0D0D2).

Вы, кстати, очень хороший новый модератор!!!

[Firefly]

Andrew S. (25 Апрель 2015 - 18:54) писал:

Меняю пошагово и проверяю что получается каждый раз. Результат хорош уже до выполнения последних двух замен.

Вот только появилось одно но:

Float.png

1. Самое главное "но". То, что снизу логотип стал обрезаться. Можно сделать так, чтобы он не обрезался?

А надпись о наличии товара в сравнении...

2. Можно ли ей сейчас задать команду типа float: right, чтобы она стояла по вертикальной красной линии?

3. И Вы не написали, к сожалению, как сделать надпись светло-серой (цвет #D0D0D2).

Вы, кстати, очень хороший новый модератор!!!

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

.logoblock-left {
display: inline-block;
float: left;
border: 0px solid white;
margin-bottom: -14px;
}

Замените на:

.logoblock-left {
display: inline-block;
float: left;
border: 0px solid white;
margin-bottom: -5px;
}

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

.infoBox {
	display: inline-block;
	width: auto;
   
	padding-right: 0;
	text-align: right;
}

Замените на:

.infoBox {
	display: inline-block;
	width: auto;
	padding-right: 0px;
	text-align: right;
	position: relative;  
	left: 180px;  
}

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

#compareInfoBlock a {
  text-decoration: none;
  color: #D0D0D2
}
#compareInfoBlock a:hover {
  text-decoration: underline;
  color: #D0D0D2
}

[Andrew S.]

Firefly (25 Апрель 2015 - 20:29) писал:

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

.logoblock-left {
display: inline-block;
float: left;
border: 0px solid white;
margin-bottom: -14px;
}

Замените на:

.logoblock-left {
display: inline-block;
float: left;
border: 0px solid white;
margin-bottom: -5px;
}

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

.infoBox {
display: inline-block;
width: auto;

padding-right: 0;
text-align: right;
}

Замените на:

.infoBox {
display: inline-block;
width: auto;
padding-right: 0px;
text-align: right;
position: relative;
left: 180px;
}

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

#compareInfoBlock a {
text-decoration: none;
color: #D0D0D2
}
#compareInfoBlock a:hover {
text-decoration: underline;
color: #D0D0D2
}

2. Добавление отступа от левой части чревато проблемами отображения в мобильных версиях:

а) на планшетах она так и так не будет стоять ровно:



Но это мелочи по сравнению с:

б) тем как это отображается на маленьких устройствах, по вертикали отображённый сайт вообще не показывает эту надпись при добавлении товаров к сравнению:



в) по горизонтали отображённый сайт скрывает логотип и надпись показывает криво:



В другой ветке я ещё задам вопрос по поводу того как бы отобразить поиск и корзину, привязанными к левой стороне.

[Vaccina]

.infoBox {
  display: inline-block;
  left: 180px;
  padding-right: 0;
  position: relative;
  text-align: right;
  width: auto;
}

замените на:

.infoBox {
  display: inline-block;
  float: right;
  padding-right: 13px !important;
  position: relative;
  text-align: right;
  width: auto;
}

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

.infoBox {
  display: none;
}

(примерно на строке 4700) замените на:

.infoBox {
  padding-right: 5px !important;
}

[Andrew S.]

Vaccina (28 Апрель 2015 - 01:06) писал:

.infoBox {
display: inline-block;
left: 180px;
padding-right: 0;
position: relative;
text-align: right;
width: auto;
}

замените на:

.infoBox {
display: inline-block;
float: right;
padding-right: 13px !important;
position: relative;
text-align: right;
width: auto;
}

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

.infoBox {
display: none;
}

(примерно на строке 4700) замените на:

.infoBox {
padding-right: 5px !important;
}

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



И чтобы он был одной строчкой, а то последнее слово идёт на вторую строку почему-то. Также лишнее поле уберётся:



Это касается адаптивного шаблона только.

[Ирина345]

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

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

Screen75_1.jpg

И чтобы он был одной строчкой, а то последнее слово идёт на вторую строку почему-то. Также лишнее поле уберётся:

Screen75_2.jpg

Это касается адаптивного шаблона только.

Здравствуйте, найдите в main.css

.infoBox {
  padding-right: 5px !important;
 }

замените на

.infoBox {
  padding-right: 5px !important;
  float: left;
}

[Andrew S.]

Ирина345 (28 Апрель 2015 - 10:24) писал:

Здравствуйте, найдите в main.css

.infoBox {
padding-right: 5px !important;
}

замените на

.infoBox {
padding-right: 5px !important;
float: left;
}

Не момохло:



Стоят опять же в 2 строчки и не сначала. По-середине даже как-то.

[Ирина345]

Andrew S. (28 Апрель 2015 - 13:05) писал:

Не момохло:

Screen76.jpg

Стоят опять же в 2 строчки и не сначала. По-середине даже как-то.

Найдите в main.css

.infoBox {
  padding-right: 5px !important;
  float: left;
}

замените на

.infoBox {
  padding-right: 5px !important;
  float: left;
  width: 78% !important;
}

[Andrew S.]

Ирина345 (28 Апрель 2015 - 13:57) писал:

Найдите в main.css

.infoBox {
padding-right: 5px !important;
float: left;
}

замените на

.infoBox {
padding-right: 5px !important;
float: left;
width: 78% !important;
}

Сейчас она по-середине:



Нужно чтоб слева стояла. Как все порядочные надписи.

[Vaccina]

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

.infoBox {
  float: left;
  padding-right: 5px !important;
  width: 78% !important;
}

замените на:

.infoBox {
  float: left;
  padding-left: 5px !important;
  text-align: left;
  width: 78% !important;
}