Перейти к содержимому


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


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 14

#1 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 18 Октябрь 2015 - 16:39

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

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

  • 1111.jpg
  • 2222.jpg
  • страницы.jpg


#2 Firefly

Firefly

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

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

Отправлено 18 Октябрь 2015 - 17:30

Просмотр сообщения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;}


#3 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 18 Октябрь 2015 - 17:51

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

#4 Firefly

Firefly

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

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

Отправлено 18 Октябрь 2015 - 18:36

Просмотр сообщенияggrin31 (18 Октябрь 2015 - 17:51) писал:

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

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

Замените на:
.htmlDataBlock.max300:hover{/* height:auto; */}

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

  • Screenshot.png


#5 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 18 Октябрь 2015 - 18:47

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

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

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

#6 Alekseys

Alekseys

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

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

Отправлено 18 Октябрь 2015 - 19:40

Просмотр сообщенияggrin31 (18 Октябрь 2015 - 18:47) писал:

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

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

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

#7 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 18 Октябрь 2015 - 19:52

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

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

  • 1111.jpg
  • 2222.jpg


#8 Firefly

Firefly

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

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

Отправлено 18 Октябрь 2015 - 20:22

Просмотр сообщенияggrin31 (18 Октябрь 2015 - 19:52) писал:

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

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> 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;}


#9 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 18 Октябрь 2015 - 20:39

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

#10 Firefly

Firefly

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

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

Отправлено 18 Октябрь 2015 - 20:44

Просмотр сообщенияggrin31 (18 Октябрь 2015 - 20:39) писал:

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

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
  #column-left + #content .prod_hold  {margin:0 6px 20px 6px;}

Замените на:
  #column-left + #content .prod_hold  {margin:0 2px 20px 2px;}


#11 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 18 Октябрь 2015 - 20:59

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

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

  • форма заказа.jpg


#12 Firefly

Firefly

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

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

Отправлено 19 Октябрь 2015 - 10:27

Просмотр сообщенияggrin31 (18 Октябрь 2015 - 20:59) писал:

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.fancybox-wrap {*width:30% !important;}
.fancybox-inner {*width:28% !important;}


#13 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

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

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

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

  • форма заказа.jpg


#14 Firefly

Firefly

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

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

Отправлено 19 Октябрь 2015 - 13:29

Просмотр сообщенияggrin31 (19 Октябрь 2015 - 12:31) писал:

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

Попробуйте сделать следующее:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.fancybox-inner {*width:28% !important;}

Замените на:
.fancybox-inner {*width:100% !important;}


#15 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

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

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




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

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