Support » Plugin: Lazy Load Optimizer » Incorrectly shows the size of the image on mobile devices.

  • Resolved biznesmarketua

    (@biznesmarketua)


    Hello!
    Install the plugin Lazy Load Optimizer. On the desktop version of the site, everything works fine. But I have a problem displaying images on mobile devices. The size of the picture is not the same as it should be without the inclusion of the plugin. Can you help me?

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Добрый день!
    Разработчики читают этот форум? Есть смысл ждать ответ на вопрос и решение проблемы?

    Plugin Author Processby

    (@processby)

    Hello.
    Try to disable plugin styles in settings.

    Если речь о стилях самого плагина, то пробовал. Отключал как целиком lazy-load-styles.css, так и по отдельности. Результата нет.

    Единственный стиль, отключение котрого исправляет размер имиджей на мобильных устройствах – img-responsive. Но это стиль из Темы, и если его отключать, то ленивая загрузка вообще перестает работать и теряется смысл использования вашего плагина.

    А сама проблема есть только на мобильных устройствах. При включении плагина, он неправильно задает ширину имиджа для мобильной версии. Ниже два примера кода:
    1) плагин выключен
    <figure class=”new-small-grid-img”>

    Продам детский центр, детский сад!
    </figure>

    2)плагин включен
    <figure class=”new-small-grid-img”>

    <span class=”img-responsive” style=”display:block;max-width:313px;”>Продам детский центр, детский сад!</span>
    </figure>

    Вся проблема в том, что ваш плагин добавляет <span class=”img-responsive” style=”display:block;max-width:313px;”><img width=”313″ style=”–aspect ratio:1.3376068376068; и это приводит к тому, что на мобильных устройствах размер имиджей показывается неправильно.

    Где и как это отключить я не могу найти.

    Plugin Author Processby

    (@processby)

    Я имею ввиду в настройках плагина отключить использование стилей плагина (убрать галочку “Включить дополнительные стили”). Тогда будет работать только ленивая загрузка, а html не будет меняться.

    Если отключить “дополнительные стили”, то на главной странице сразу ломается вся верстка. Это не выход.

    Plugin Author Processby

    (@processby)

    Попробуйте закомментировать строку 451 $output = … в файле плагина src/frontend/frontend.php
    И дайте ссылку на страницу, где есть вышеописанная проблема.

    Комментирование помогло. Проблема исчезла. Спасибо!

    Но,я так понимаю, после обновления плагина комент строки исчезнет и проблема появится снова? Этот файл будет работать, если скопировать в дочернюю тему и там вносить изменения, а оригинальный файл будет лежать в папке плагина?

    Проблема была на главной странице – https://biznesmarket.com.ua. Сейчас после комменнтирования проблемы нет.

    Здравствуйте!

    После последних двух обновлений все равно каждый раз приходится комментировать строку, чтобы убрать проблему. В частности, $output = ‘<span ‘.((isset($classHtml[0]))?$classHtml[0]:”).’ style=”display:block;’.((isset($width[1]))?’max-width:’.$width[1].’px;’:”).'”>’.$output.'</span>’;

    Из-за этой строки неправильно показывается картинки на мобильных устройствах.

    Это можно как-то исправить, чтобы не править файл после каждого обновления плагина?

    Plugin Author Processby

    (@processby)

    Добавьте в functions.php

    add_filter('lazy_load_span_wr', function($add_wr){return false;});

    Спасибо!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Incorrectly shows the size of the image on mobile devices.’ is closed to new replies.