Отключен JavaScript

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

1

Изображения По-Разному Отображаются В Разных Браузерах

Автор customer8765, 07 нояб. 2015 20:23

Изображение по-разному отобра

Назад

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

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

#21 RayLi

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

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

Отправлено 04 Декабрь 2015 - 11:59

customer8765 (04 Декабрь 2015 - 11:54) писал:

Вроде не сплющены больше. Скажите, а эти 80%- это точное значение, или на глазок?

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

Наверх

#22 customer8765

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

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

Отправлено 04 Декабрь 2015 - 22:05

Проверил. В каталоге большое изображение, если оно указано главным, опять перекрывает изображение товара справа
http://narasprodage....ods_view_type=1

А если на карточке товара нажать на Увеличить изображение, все увеличенные изображения теперь сжаты
http://narasprodage....mod_id=89186745

Наверх

#23 Vaccina

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

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

Отправлено 05 Декабрь 2015 - 00:32

Попробуйте следующее изменение, в main.css найдите:

.Firefox .products-grid .item .product-hover .product-image img {
	width: auto !important;
	display: block;
	margin: 0px auto;
}
.products-grid .item .product-hover .product-image img {
	max-width: 100%;
	display: block;
	margin: 0px auto;
}

замените на:

.products-grid .item .product-hover .product-image img {
	width: auto;
	display: block;
	margin: 0px auto;
	height: auto;
}

Наверх

#24 customer8765

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

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

Отправлено 05 Декабрь 2015 - 13:06

Vaccina (05 Декабрь 2015 - 00:32) писал:

Попробуйте следующее изменение, в main.css найдите:

.Firefox .products-grid .item .product-hover .product-image img {
width: auto !important;
display: block;
margin: 0px auto;
}
.products-grid .item .product-hover .product-image img {
max-width: 100%;
display: block;
margin: 0px auto;
}

замените на:

.products-grid .item .product-hover .product-image img {
width: auto;
display: block;
margin: 0px auto;
height: auto;
}

Ничего не изменилось.

Наверх

#25 Firefly

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

Модераторы
3 810 сообщений

Отправлено 05 Декабрь 2015 - 16:00

customer8765 (05 Декабрь 2015 - 13:06) писал:

Ничего не изменилось.

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

.Firefox .products-grid .item .product-hover .product-image img {
   width: auto !important;
		display: block;
		margin: 0px auto;
}

Замените на:

.Firefox .products-grid .item .product-hover .product-image img {
   width: auto !important;
		display: block;
		margin: 0px auto;
		max-width:260px;
}
.Firefox .fancybox-image {width:100% !important;}

Наверх

#26 customer8765

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

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

Отправлено 06 Декабрь 2015 - 13:35

Firefly (05 Декабрь 2015 - 16:00) писал:

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

.Firefox .products-grid .item .product-hover .product-image img {
width: auto !important;
	 display: block;
	 margin: 0px auto;
}

Замените на:

.Firefox .products-grid .item .product-hover .product-image img {
width: auto !important;
	 display: block;
	 margin: 0px auto;
	 max-width:260px;
}
.Firefox .fancybox-image {width:100% !important;}

Проверил, вроде бы в Firefox все корректно.
В IE проблема есть в этом месте:
http://narasprodage....Kolennye-stulya

Наверх

#27 Firefly

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

Модераторы
3 810 сообщений

Отправлено 06 Декабрь 2015 - 14:08

customer8765 (06 Декабрь 2015 - 13:35) писал:

Проверил, вроде бы в Firefox все корректно.
В IE проблема есть в этом месте:
http://narasprodage....Kolennye-stulya

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

.IE .products-grid .item .product-hover .product-image img {
   width: auto !important;
		display: block;
		margin: 0px auto;
}

Замените на:

.IE .products-grid .item .product-hover .product-image img {
   width: auto !important;
		display: block;
		margin: 0px auto;
		max-width:260px;
}

Наверх

#28 customer8765

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

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

Отправлено 06 Декабрь 2015 - 16:10

Firefly (06 Декабрь 2015 - 14:08) писал:

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

.IE .products-grid .item .product-hover .product-image img {
width: auto !important;
	 display: block;
	 margin: 0px auto;
}

Замените на:

.IE .products-grid .item .product-hover .product-image img {
width: auto !important;
	 display: block;
	 margin: 0px auto;
	 max-width:260px;
}

Ничего не изменилось.
http://narasprodage....Kolennye-stulya

Наверх

#29 Firefly

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

Модераторы
3 810 сообщений

Отправлено 06 Декабрь 2015 - 16:21

customer8765 (06 Декабрь 2015 - 16:10) писал:

Ничего не изменилось.
http://narasprodage....Kolennye-stulya

При замене вы допустили небольшую ошибку, указав 2 точки в начале кода:

..IE .products-grid .item .product-hover .product-image img {

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

Наверх

#30 customer8765

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

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

Отправлено 06 Декабрь 2015 - 17:15

Firefly (06 Декабрь 2015 - 16:21) писал:

При замене вы допустили небольшую ошибку, указав 2 точки в начале кода:

..IE .products-grid .item .product-hover .product-image img {

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

Да, спасибо, теперь вроде работает.
В IE еще одна проблема: на карточке товара маленькие изображения по окном отображения имеют разную высоту
http://narasprodage....mod_id=89186749

Наверх

#31 Firefly

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

Модераторы
3 810 сообщений

Отправлено 06 Декабрь 2015 - 19:33

customer8765 (06 Декабрь 2015 - 17:15) писал:

Да, спасибо, теперь вроде работает.
В IE еще одна проблема: на карточке товара маленькие изображения по окном отображения имеют разную высоту
http://narasprodage....mod_id=89186749

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

.thumblist-box .thumblist li a img
{max-width: 100%;
		max-height: 70px;
		width: auto;
}

Замените на:

.thumblist-box .thumblist li a img {
  max-width: 100%;
  max-height: 70px;
  width: auto;
  height:70px !important;
}

Наверх

#32 customer8765

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

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

Отправлено 07 Декабрь 2015 - 19:12

Firefly (06 Декабрь 2015 - 19:33) писал:

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

.thumblist-box .thumblist li a img
{max-width: 100%;
	 max-height: 70px;
	 width: auto;
}

Замените на:

.thumblist-box .thumblist li a img {
max-width: 100%;
max-height: 70px;
width: auto;
height:70px !important;
}

Спасибо, вроде бы работает.

Наверх

Назад

Обратно в Товары

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Изображения По-Разному Отображаются В Разных Браузерах

Количество пользователей, читающих эту тему: 0

Войти

Google поиск