[Решено] Отображение картинок в интернет-магазине на Drupal Commerce 2

Главные вкладки

Аватар пользователя Jara Jara 7 сентября 2013 в 21:28

Есть интернет-магазин на основе сборки Drupal Commerce Kickstart 2 ( modalamoda.com ).

Отображение картинок товаров происходит с помощью jQuery-плагина Cloud Zoom. На определенном этапе разработки, при увеличении картинок, изображение начало "прыгать" (при зуме появляется дубль изображения, который неровно перекрывает стартовое изображение). Так как сначало все картинки на сайте были с белым фоном, то этот эффект не был замечен сразу.

Есть ли у сообщества предположения, что именно могло вызвать дёргание картинок в Cloud Zoom?

Пример страницы товара http://modalamoda.com/dress-dely-venice

Комментарии

Аватар пользователя alex_shut alex_shut 7 сентября 2013 в 21:42

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

Аватар пользователя Jara Jara 8 сентября 2013 в 4:36

В файрбаге легко исправил:

< a id="cloud-zoom" class="cloud-zoom cloud-zoom-processed" rel="zoomWidth:'auto', zoomHeight:'auto', position:'inside', adjustX:-5, adjustY:-5...

В adjustX:-5 и adjustY:-5 пятёрки заменил на нули и всё начало отображаться корректно.

Но когда начал искать это в коде, то все adjust'ы с нулями и какая функция прописует туда -5 не ясно.

Аватар пользователя Jara Jara 23 апреля 2014 в 20:52

Искал как через CSS, а оно в настройках есть.

Решение:

сайт.ком/admin/commerce/config/product-variation-types/тип-товара/display/node_full

в настройках поля Image через cloud zoom есть настройки adjustX:, adjustY.