Отключен JavaScript

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

1

Мелкие Изменения Стиля

Автор Andrey44, 27 февр. 2016 12:52

Назад

Вперед

Авторизуйтесь для ответа в теме

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

#41 GudBay

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

Пользователи
37 сообщений

Отправлено 19 Апрель 2016 - 18:27

1. Заменил, сейчас при масштабе 100% появились полосы справа от изображений в блоке.

Поменял на:

.products-grid .item .item-inner .item-img > a.product-image img {
width: auto;
padding: 0;
height: 100%;}

При смене масштаба со 100% на 110% изменяются размеры блоков. Они становятся Уже и изображение "уезжает" вправо (режется правая часть) получаются изображения не по центру. Весь день менял значения разных параметров, так и не добился нужного.

Напомню задачу: чтобы изображения четко вписывались в размеры блока товара. Без отступов. А высота блоков оставалась у всех одинаковой. Решение пока вижу одно, Все картинки кропить 50х50.

2. И еще, в режиме отображения товаров - таблица, я убрал затемнение (изменение цвета фона за текстом) текстовой части товара, при наведении на блок. Но при масштабе 175% затемнение текстовой части осталось, там надо прописывать отдельно размеры блоков и изображений? При этом изображения товаров смещаются влево и остается белая полоса справа, если же убрать из шаблона

display: table-cell;

то изображения выравниваются по центу блока, (что лучше чем выравнивание по левой части), но лучше бы вообще без белых полос. Чтобы изображение было на весь размер блока.

3. Вот тут можно посмотреть как влияет на изображение различные варианты значений размеров:

http://rotorweb.ru/w.../scale_img.html

Мне подходит второй вариант и предпоследний.

P.S. В CSS и HTML не силен, впервые столкнулся только сейчас.

P.S.S А шаблон хороший! И вообще вы молодцы.

Наверх

#42 Юля123

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

Пользователи
2 567 сообщений

Отправлено 20 Апрель 2016 - 11:12

GudBay (19 Апрель 2016 - 18:27) писал:

1. Заменил, сейчас при масштабе 100% появились полосы справа от изображений в блоке.

Поменял на:

.products-grid .item .item-inner .item-img > a.product-image img {
width: auto;
padding: 0;
height: 100%;}

При смене масштаба со 100% на 110% изменяются размеры блоков. Они становятся Уже и изображение "уезжает" вправо (режется правая часть) получаются изображения не по центру. Весь день менял значения разных параметров, так и не добился нужного.

Напомню задачу: чтобы изображения четко вписывались в размеры блока товара. Без отступов. А высота блоков оставалась у всех одинаковой. Решение пока вижу одно, Все картинки кропить 50х50.

2. И еще, в режиме отображения товаров - таблица, я убрал затемнение (изменение цвета фона за текстом) текстовой части товара, при наведении на блок. Но при масштабе 175% затемнение текстовой части осталось, там надо прописывать отдельно размеры блоков и изображений? При этом изображения товаров смещаются влево и остается белая полоса справа, если же убрать из шаблона

display: table-cell;

то изображения выравниваются по центу блока, (что лучше чем выравнивание по левой части), но лучше бы вообще без белых полос. Чтобы изображение было на весь размер блока.

3. Вот тут можно посмотреть как влияет на изображение различные варианты значений размеров:

http://rotorweb.ru/w.../scale_img.html

Мне подходит второй вариант и предпоследний.

P.S. В CSS и HTML не силен, впервые столкнулся только сейчас.

P.S.S А шаблон хороший! И вообще вы молодцы.

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

2) Прикрепите, пожалуйста скриншот с описанной проблемой.

Наверх

#43 GudBay

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

Пользователи
37 сообщений

Отправлено 20 Апрель 2016 - 20:37

Хорошо.

Увидеть можно масштабируя страницу в "+" картинки остаются квадратными и по бокам появляются белые полоски. Как приложить изображение?

Наверх

#44 Dron

Новичок

Пользователи
6 сообщений

Отправлено 21 Апрель 2016 - 01:14

Подскажите, пож-та, какие по размеру картинки для карточек товаров заливать?

Наверх

#45 Vaccina

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

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

Отправлено 21 Апрель 2016 - 02:37

GudBay (20 Апрель 2016 - 20:37) писал:

Хорошо.

Увидеть можно масштабируя страницу в "+" картинки остаются квадратными и по бокам появляются белые полоски. Как приложить изображение?

При написании сообщения нажать на иконку изображения и указать ссылку или при написании нажать "Расширенная форма" и загрузить изображение с ПК.

Dron (21 Апрель 2016 - 01:14) писал:

Подскажите, пож-та, какие по размеру картинки для карточек товаров заливать?

Тут можно пожалуй сказать чем больше, тем лучше =) Так как при отображении они уменьшаются за счет заданных размеров в разделе Настройки - Основные.

Наверх

#46 GudBay

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

Пользователи
37 сообщений

Отправлено 21 Апрель 2016 - 10:42

вот эти полосы

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

Наверх

#47 Danil

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

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

Отправлено 21 Апрель 2016 - 11:22

GudBay (21 Апрель 2016 - 10:42) писал:

вот эти полосы

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

@media (max-width: 767px) {
.item.col-sm-4.col-sms-6.col-smb-12 {
display: inline-block;
width: 260px;
float: none;
}
.products-grid.row {
text-align: center;
}
}

Наверх

#48 GudBay

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

Пользователи
37 сообщений

Отправлено 26 Апрель 2016 - 11:37

Благодарю! Можно ли тоже самое сделать и для категорий товаров?

1. И не смог найти как добавить пробелы между кодом города и самим телефоном? Проще говоря добавить пробел до скобки с кодом города и после.

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

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

Наверх

#49 Юля123

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

Пользователи
2 567 сообщений

Отправлено 26 Апрель 2016 - 12:51

GudBay (26 Апрель 2016 - 11:37) писал:

Благодарю! Можно ли тоже самое сделать и для категорий товаров?

И не смог найти как добавить пробелы между кодом города и самим телефоном? Проще говоря добавить пробел до скобки с кодом города и после.

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

.categories .item .image {width:260px;height:261px;vertical-align: middle;display: table-cell;border: 1px solid #e5e5e5;border-bottom:none;}

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

.categories .item .image {width:260px;vertical-align: middle;display: table-cell;border: 1px solid #e5e5e5;border-bottom:none;}

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

{% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a>{% ENDIF %}

перед и после выделенного кода добавляйте нужное количество пробелов

Наверх

#50 GudBay

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

Пользователи
37 сообщений

Отправлено 03 Май 2016 - 13:41

Благодарю! А как быть с белыми полосками в "сопутствующих товарах"?

Наверх

#51 Danil

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

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

Отправлено 03 Май 2016 - 14:00

GudBay (03 Май 2016 - 13:41) писал:

Благодарю! А как быть с белыми полосками в "сопутствующих товарах"?

Здравствуйте.
Пришлите, название товара, у которого добавлены сопутствующие товары.

Наверх

#52 GudBay

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

Пользователи
37 сообщений

Отправлено 03 Май 2016 - 18:06

Приветствую!

1. "адаптер форсунки"

2. И еще - где настроить отображение текста маркированным списком, на главной странице, в описании категорий и товаров. В редакторе все отображается корректно а при просмотре - нет маркированного списка.

Наверх

#53 Danil

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

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

Отправлено 03 Май 2016 - 18:46

GudBay (03 Май 2016 - 18:06) писал:

Приветствую!

1. "адаптер форсунки"

2. И еще - где настроить отображение текста маркированным списком, на главной странице, в описании категорий и товаров. В редакторе все отображается корректно а при просмотре - нет маркированного списка.

1) Данная проблема не наблюдается. С помощью какого браузера Вы просматриваете сайт?
2) На данный момент ни в одной категории нет маркированного списка, создайте хотя бы один и пришлите название категории, в которой он находится.

Наверх

#54 GudBay

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

Пользователи
37 сообщений

Отправлено 03 Май 2016 - 20:24

в Chrome при масштабе отличном от 100%

Есть такой список на странице Главная, в остальных разделах нет но будет.

Наверх

#55 Danil

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

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

Отправлено 04 Май 2016 - 11:19

GudBay (03 Май 2016 - 20:24) писал:

в Chrome при масштабе отличном от 100%

Есть такой список на странице Главная, в остальных разделах нет но будет.

1) В main.css найдите

.box-up-sell .block-title.navigation .next {
	float: right;
	right: 26px;
}

и замените на

.box-up-sell .block-title.navigation .next {
	float: right;
	right: 63px;
}

найдите

.box-up-sell .block-title.navigation .prev {
	float: left;
	left: 26px;
}

и замените на

.box-up-sell .block-title.navigation .prev {
	float: left;
	left: 63px;
}

найдите

.box-up-sell .block-title .title:before {
	content: "";
	border: 21px solid transparent;
	border-right: 16px solid #09afe7;
	position: absolute;
	left: -37px;
	top: 0;
}

и замените на

.box-up-sell .block-title .title:before {
	content: "";
	border: 21px solid transparent;
	border-right: 16px solid #09afe7;
	float: left;
}

найдите

.box-up-sell .block-title .title:after {
	content: "";
	border: 21px solid transparent;
	border-left: 16px solid #09afe7;
	position: absolute;
	right: -37px;
	top: 0;
}

и замените на

.box-up-sell .block-title .title:after {
	content: "";
	border: 21px solid transparent;
	border-left: 16px solid #09afe7;
	float: right;
}

2) В конец main.css добавьте

.htmlDataBlock ul, .htmlDataBlock ol {
	margin: inherit;
	list-style: inherit;
	list-style-position: inside;
}

Наверх

#56 GudBay

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

Пользователи
37 сообщений

Отправлено 04 Май 2016 - 12:33

Изменил код в указанных местах получилось как на приложенной картинке.

Так как полоска внизу совсем не нужна изменил значение border-bottom: 2px на 0px, так можно или лучше удалить совсем этот код?

.box-up-sell .block-title .title {
position: relative;
border-bottom: 2px solid #09afe7;
display: inline-block;}

Изменил высоту треугольников по бокам с 21px на 20px. Стало лучше

окно открыто

Осталось найти потерявшиеся "стрелочки" вперед-назад. Они появляются при изменении размеров ширины окна браузера в меньшую сторону и пропадают при открытом окне полностью.

окно сжато по ширине

На узких экранах (планшет или масштаб 175% на ПК) автоматом меняется высота блока и габариты треугольников не соответствуют высоте прямоугольника, вот картинка

При ширине окна примерно 452px этот блок выглядит вот так:

Может попробуем убрать совсем эти треугольники и оставить только прямоугольный блок с текстом и "стрелками" (лево/право) внутри блока?

Наверх

#57 RayLi

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

Модераторы
2 864 сообщений

Отправлено 04 Май 2016 - 12:42

GudBay (04 Май 2016 - 12:33) писал:

Изменил код в указанных местах получилось как на приложенной картинке.

Так как полоска внизу совсем не нужна изменил значение border-bottom: 2px на 0px, так можно или лучше удалить совсем этот код?

.box-up-sell .block-title .title {
position: relative;
border-bottom: 2px solid #09afe7;
display: inline-block;}

Изменил высоту треугольников по бокам с 21px на 20px. Осталось найти потерявшиеся "стрелочки" вперед-назад.

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

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

Наверх

#58 GudBay

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

Пользователи
37 сообщений

Отправлено 04 Май 2016 - 12:49

отредактировал свое сообщение см. выше. Гугл Хром при изменении масштаба отличного от 100% в большую сторону и при изменении ширины окна браузера. Открывал в режиме инкогнито - не видно стрелок, в IE и Firefox тоже.

Наверх

#59 GudBay

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

Пользователи
37 сообщений

Отправлено 04 Май 2016 - 13:19

Похоже разобрался в чем проблема: если в списке сопутствующих товаров такое количество что оно полностью вмещается в окно просмотра, то стрелок нет, если товаров больше чем можно отобразить в окне - то стрелки появляются.

Наверх

#60 Юля123

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

Пользователи
2 567 сообщений

Отправлено 04 Май 2016 - 16:01

GudBay (04 Май 2016 - 13:19) писал:

Похоже разобрался в чем проблема: если в списке сопутствующих товаров такое количество что оно полностью вмещается в окно просмотра, то стрелок нет, если товаров больше чем можно отобразить в окне - то стрелки появляются.

Здравствуйте, это происходит потому, что Вас установлен слайдер для сопутствующих товаров, и если нужна функция пролистывания (товаров больше четырех), то появляются стрелки.