Лишнее Поле Между Верхним Меню И Логотипом. Хотелось Бы Убрать.
#1
Отправлено 25 Апрель 2015 - 13:10
Вот в некоторых браузерах типа хрома почему-то добавляется лишнее поле между верхним меню и логотипом. Помогите его убрать, пожалуйста?
Вот как нормально оно отображается:
Какое-то несоответствие непонятное.
#2
Отправлено 25 Апрель 2015 - 15:36
Andrew S. (25 Апрель 2015 - 13:10) писал:
Вот в некоторых браузерах типа хрома почему-то добавляется лишнее поле между верхним меню и логотипом. Помогите его убрать, пожалуйста?
2_chromoobraznye_brauzery.png
Вот как нормально оно отображается:
2_normal'nye_brauzery.png
Какое-то несоответствие непонятное.
На данный момент в этом месте у Вас расположен блок сравнения товаров.
Этот блок можно полностью отключить.
Для этого зайдите в:
Админ. панель -> Настройки -> Основные -> Модуль сравнения товаров на сайте и поставьте галочку Выключить модуль сравнения товаров на сайте.
#3
Отправлено 25 Апрель 2015 - 16:13
Firefly (25 Апрель 2015 - 15:36) писал:
Этот блок можно полностью отключить.
Для этого зайдите в:
Админ. панель -> Настройки -> Основные -> Модуль сравнения товаров на сайте и поставьте галочку Выключить модуль сравнения товаров на сайте.
А можно ли его переместить в блок с логотипом?
Я это прошу сделать в п. 8 в сообщении № 6:
Создать Отображение Уменьшенного Списка Товаров Мелкой Таблицей
Чтобы он ничто не смещал только..
#4
Отправлено 25 Апрель 2015 - 17:43
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; }
#5
Отправлено 25 Апрель 2015 - 18:54
Firefly (25 Апрель 2015 - 17:43) писал:
<!-- Если в тарифном плане подключен модуль сравнения товаров --> {% 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).
Вы, кстати, очень хороший новый модератор!!!
#6
Отправлено 25 Апрель 2015 - 20:29
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 }
#7
Отправлено 25 Апрель 2015 - 21:28
Firefly (25 Апрель 2015 - 20:29) писал:
.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. Добавление отступа от левой части чревато проблемами отображения в мобильных версиях:
а) на планшетах она так и так не будет стоять ровно:
Но это мелочи по сравнению с:
б) тем как это отображается на маленьких устройствах, по вертикали отображённый сайт вообще не показывает эту надпись при добавлении товаров к сравнению:
в) по горизонтали отображённый сайт скрывает логотип и надпись показывает криво:
В другой ветке я ещё задам вопрос по поводу того как бы отобразить поиск и корзину, привязанными к левой стороне.
#8
Отправлено 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; }
#9
Отправлено 28 Апрель 2015 - 08:15
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; }
Вакцина, подскажите, а можно ли чтобы сейчас чтобы текст о сравнении товара был слева тоже?
И чтобы он был одной строчкой, а то последнее слово идёт на вторую строку почему-то. Также лишнее поле уберётся:
Это касается адаптивного шаблона только.
#10
Отправлено 28 Апрель 2015 - 10:24
Andrew S. (28 Апрель 2015 - 08:15) писал:
Screen75_1.jpg
И чтобы он был одной строчкой, а то последнее слово идёт на вторую строку почему-то. Также лишнее поле уберётся:
Screen75_2.jpg
Это касается адаптивного шаблона только.
.infoBox { padding-right: 5px !important; }замените на
.infoBox { padding-right: 5px !important; float: left; }
#12
#13
Отправлено 28 Апрель 2015 - 16:36
Ирина345 (28 Апрель 2015 - 13:57) писал:
.infoBox { padding-right: 5px !important; float: left; }замените на
.infoBox { padding-right: 5px !important; float: left; width: 78% !important; }
Сейчас она по-середине:
Нужно чтоб слева стояла. Как все порядочные надписи.
#14
Отправлено 29 Апрель 2015 - 02:30
.infoBox { float: left; padding-right: 5px !important; width: 78% !important; }
замените на:
.infoBox { float: left; padding-left: 5px !important; text-align: left; width: 78% !important; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных