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

[filslava]

Рад приветствовать всех на форуме!

 

Прошу помощи у сообщества. Обнаружил, что изображение товара (поле JBZoo Image) в шаблоне full мало того, что обрезано, так еще и растянуто по высоте. Проверил - загрузил его из кэша сервера - оно имеет размер 400х900px, в то время как оригинальное 500х800.
Вывод позиций в этом шаблоне мало отличается от вывода в full'ах других типов item'ов, основное отличие вывод в ту же позицию image галереи (JBZoo Gallery) сразу после картинки и вывод трех колонок, вместо двух (uikit). Примечательно, что размеры обрезка совпадают с размерами одного из изображений в галерее. Другие изображения из галереи отображаются нормально.
Картинки в teaser и других шаблонах остались оригинальными.

Все это можно посмотреть в категории http://decogracia.ru...dekor/pilyastry

​

Заранее благодарен за помощь!

 

 

[SmetDenis]

Возможно дело в том что bootstrap устанавливает ширину 100% для картинки.

[filslava]

Спасибо, Денис, что откликнулись.

 

 

Посмотрел teaser - тоже самое изображение меньшего размера отображается правильно и у него тоже max-width=100% из Bootatrap'а. Просмотрел отображение других типов - картина та же, а отображение норм.

 

Может дело в чем-то другом. Ведь изображение обрезается раньше, чем попадает на страницу. А если Вы правы, как задать другую ширину в Bootstrap?

Попробовал уменьшить ширину в шаблоне full, картинка на странице уменьшается, но остается обрезанной (кэш почистил перед отображением) и при этом max-width=100% в bootstrap....css.

 

Может попробовать убрать из галереи изображения 400х900 и посмотреть, почистив кэш, что будет? Сделаю, отпишусь.

[filslava]

Удалил все изображения из папок галерей размером 400х900 (очистил кэш) - картина та же.

 

Убрал поле галерея из шаблона совсем, уменьшил ширину проблемной картинки до 220. Она стала меньше ширины колонки в full

<div class="uk-width-small-1-3">

 - общая картина не поменялась. Видимо, галерея не при чём.

 

Что-то не так с Bootstrap'ом, установленном на сайте?

Сообщение отредактировал filslava: 21 August 2015 - 11:30

[laRus]

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

 

.. а потом изменяется: 

 

..а этот img [Attributes Style], он откуда берется  -?

[filslava]

Т.е. браузер ее перезагружает, верно? Видно, как меняется код страницы.

Я не наблюдаю

img [Attributes Style],

пользую новый MS Edge, может он не все показывает?

[kostricyny]

Не понятно, как ваш шаблон подружился со стилями от Bootstrap Twitter? Ваш шаблон "строится" с помощью UIkit (CSS & JavaScript Framework), стили от Bootstrap буду избыточными.

 

P.S. 

В качестве быстрого лекарства вашей проблемы, можно убрать следующее свойство: .item-image .jbimage img { height:auto; }

Сообщение отредактировал kostricyny: 21 August 2015 - 17:46

[filslava]

Спасибо, что присоединились Ursa и kostricyny!

 

Вроде бы не мешали друг другу, до сих пор, во всяком случае, или это было незаметно.

 

Изначально думал, что Yootheme будет как связующее звено - шаблон-ZOO-JBZoo.

А где убрать то эти свойства:

.item-image .jbimage img { height:auto; }

? в CSS шаблона?

[kostricyny]

А где убрать то эти свойства:

В файле http://decogracia.ru...ap-66a6f8c7.css

Но это будет решением по типу "Скорой помощи". Кроме того, для вывода тизеров это свойство может понадобиться.

 

"Ваш" bootstrap в шаблоне почти не используется, попробуйте отключить его. Возможно это и будет правильным решением вашей проблемы.    

Сообщение отредактировал kostricyny: 21 August 2015 - 20:21

[filslava]

Спасибо за совет. Погуглил и нашел модуль, отключающий JS Bootstra'а и др. Установил, на всякий случай, js Bootstrap'а выключил. Эффекта, естественно, нет. А где полностью отключить стиль bootstrap& Он же, наверное, подключается где-то в JBZoo?

В файле http://decogracia.ru...ap-66a6f8c7.cssзакоментил часть кода:

img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}​

в разделе

a:active

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

 

Других ключевых слов, кроме img, из списка в этом файле не нашел

 

 

.item-image .jbimage img { height:auto; }

 

Спасибо за помощь. Рою дальше :-)

Сообщение отредактировал filslava: 22 August 2015 - 10:57