Проблема С Отображением!

Добрый день.
Только что от покупателей узнал что на сайте не корректно отображаются картинки товара и исчезают номера страниц при наведении на них курсором. Сам пользуюсь Хромом, и там все чудесно работает, установил специально эксплорер и там действительно такой бардак. Картинки товара срезаны, текст внизу куда-то поплыл, и правда при наведении на номер страницы все пропадает. такие проблемы только в Эксплорере, хром и опера отображает все нормально. Очень срочно нужна Ваша помощь! Скрины прилагаю.

ggrin31 (18 Октябрь 2015 - 16:39) писал:

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

.contentTbodySearchPriceFilterBlock {width: 230px;}

Так же найдите код:

.box-category > ul > li > a {text-decoration: none;color: #303030;font-size: 16px;font-weight: bold;padding: 10px 28px 10px 10px;display:block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.box-category > ul > li > a:hover {background-color:#f1f1f1;padding: 10px 28px 10px 20px;}

Замените на:

.box-category > ul > li > a {text-decoration: none;color: #303030;font-size: 16px;font-weight: bold;padding: 10px 2px 10px 10px;display:block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.box-category > ul > li > a:hover {background-color:#f1f1f1;padding: 10px 2px 10px 20px;}

сделал все как Вы написали, вообще ничего не изменилось ...

ggrin31 (18 Октябрь 2015 - 17:51) писал:

После выполненных изменений из предыдущей инструкции в каталоге товаров у Вас закрепился фильтр, а так же больше не разъезжается вниз пункт меню "Модульные картины".
Так же для закрепления нижнего блока с seo-описанием в main.css найдите код:

.htmlDataBlock.max300:hover{height:auto;}

Замените на:

.htmlDataBlock.max300:hover{/* height:auto; */}

спасибо, исчезла проблема при наведении курсора на номер страницы, теперь ничего не пропадает. но некоторые проблемы так и остались:
1. текст в самом низу уехал за пределы
2. Картинки товара отображаются не корректно, т.е. часть картинки обрезана

Заранее благодарен

P.S. для сравнения я прикреплял скрины как это выглядит в Хроме, вот так и должно выглядеть в эксплорере

ggrin31 (18 Октябрь 2015 - 18:47) писал:

Здравствуйте. Вам ответили на почту.

отлично, текст теперь встал на место! но картинки товаров также обрезаны! в хроме и других браузерах отображается в ряд по 3 товара и картинки товара полные, в эксплорере отображается в ряд по 4 товара и картинки товара обрезанные! Скрины прилагаю. Помогите плиз добить уже эту проблему и буду благодарен Вам!

ggrin31 (18 Октябрь 2015 - 19:52) писал:

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

  .prod_hold > div, .prod_hold_recent > div {*position: relative;*width: 200px;*display: inline;zoom: 1;*vertical-align: top;*margin:0 0px 20px 0px;*overflow: hidden;*text-align:center;}

Замените на:

  .prod_hold > div, .prod_hold_recent > div {*position: relative;*width: 300px;*display: inline;zoom: 1;*vertical-align: top;*margin:0 0px 20px 0px;*overflow: hidden;*text-align:center;}

Отлично! почти все супер! Единственная проблемка на главной странице в Эксплорере в разделах "Товары на главной", "Новинки" и т.д. товары отображаются в ряд по 2 позиции а не по три как в других браузерах. Можно подправить?

ggrin31 (18 Октябрь 2015 - 20:39) писал:

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

  #column-left + #content .prod_hold  {margin:0 6px 20px 6px;}

Замените на:

  #column-left + #content .prod_hold  {margin:0 2px 20px 2px;}

С этими вопросами все решили! все отображается в каталоге и на главной корректно! Решил протестить магазин в эксплорере полностью, сделать пробный заказ и опять наткнулся на проблему. Форму заказа практически не видно она какая то узкая и растянутая, там толком не разберешь что куда вбивается. (Скрин прилагаю) в других браузерах все ок!
Помогите плиз! Не хочется из-за таких недоразумений терять заказы.
Спасибо

ggrin31 (18 Октябрь 2015 - 20:59) писал:

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

.fancybox-wrap {*width:30% !important;}
.fancybox-inner {*width:28% !important;}

форма стала шире, но проблема не решилась... скрин прилагаю

ggrin31 (19 Октябрь 2015 - 12:31) писал:

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

.fancybox-inner {*width:28% !important;}

Замените на:

.fancybox-inner {*width:100% !important;}

спасибо! все отлично!