Подгурзка картинок на сайте


Добрый день.
Прошу помочь с шаблоном формула успеха.

Данный шаблон установлен на сайте парабола48.рф, при заходе на сайт не подгружаются картинки, пока не проскролишь немного в низ. Подскажите пожалуйста, как это можно исправить?

6 ответов
  • Владимир Сергеев
    Разработчик
    Решение
    10 ноября 2016 08:59

    Здравствуйте, Дмитрий!
    Отключите ленивую загрузку изображений.

  • @@@@ Дмитрий
    Решение
    10 ноября 2016 09:30

    Это конечно хороший вариант, но он заставляет жертвовать частью функционала темы. А без отключения можно что то сделать?

    У меня в стилях почему то 2 раза загружается header, и второе значение 80, не могу никак от него избавится. Мне кажется, именно из-за этого и происходит вся эта ситуация.

    http://prnt.sc/d5a456



    • Владимир Сергеев
      Разработчик
      Решение
      10 ноября 2016 11:14

      Тогда нужно отредактировать один файлик.
      Откройте приложение магазин - витрина - дизайн - шаблоны - файл - home.list-slider.html
      В нём найдите код:

      {if !empty($theme_settings.blazy)}
          <div class="i_one{if !empty($theme_settings.cat_zoomple) && !$wa->isMobile()} catZomple" rel="{$wa->shop->productImgUrl($p, 970 )}{/if}">
              <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{$wa->shop->productImgUrl($p, $size )}" class="secimg" alt="{$p.name}" />
          </div>
      {else}

      и замените его на этот код:

      {if !empty($theme_settings.blazy)}
      	<div class="i_one{if !empty($theme_settings.cat_zoomple) && !$wa->isMobile()} catZomple" rel="{$wa->shop->productImgUrl($p, 970 )}{/if}">
      	    <img src="{$wa->shop->productImgUrl($p, $size )}" alt="{$p.name}" />
      	</div>
      {else}

      И ещё один код (чуть ниже):

      {if !empty($theme_settings.blazy)}
      <div class="i_two">
          <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{$sec_photos[ $p.id ]['url_'|cat:$size]}" class="secimg" alt="{$p.name}" /> 
      </div>
      {else}

      замените на этот:

      {if !empty($theme_settings.blazy)}
      <div class="i_two">
          <img src="{$sec_photos[ $p.id ]['url_'|cat:$size]}" class="secimg" alt="{$p.name}" /> 
      </div>
      {else}
    • Владимир Сергеев
      Разработчик
      Решение
      10 ноября 2016 11:16

      На счёт header'a эти стили лежат в файле options.site.style.html:

      {if !empty($theme_settings.show_top_panel)}
      	@media only screen and (min-width : 768px){ header { padding-top: 80px; } }
      {/if}

      Но будьте осторожны, если соберётесь там что-то менять.
      Отступ сверху в 80px был задуман специально.

  • @@@@ Дмитрий
    Решение
    10 ноября 2016 19:10

    Спасибо, все получилось.

  • Тюкин Владимир
    13 ноября 2016 22:50

    Добрый день Дмитрий! Подскажите пожалуйста, как Вы добились такой быстрой скорости загрузки сайта?

  • Якубов Андрей
    24 мая 2017 22:04

    Для вывода на главной блока ПРОМО и КАТЕГОРИИ ТОВАРОВ данный метод не работает.

    Не подскажите ?

    • Владимир Сергеев
      Разработчик
      Решение
      25 мая 2017 15:02

      Да всё то же самое, Андрей. =)
      Категории – home.cat_imgs.html заменить код:

      {if !empty($theme_settings.blazy)}
      	<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{$wa_url}wa-data/public/shop/categories/{$c.id}/{$c.id}{if !empty($theme_settings.h_c_i_thumbs)}.{$theme_settings.h_c_i_thumbs}{/if}{$c.image}" class="lazyOwl" alt="{$c.name|escape}" />
      {else}
      	<img src="{$wa_url}wa-data/public/shop/categories/{$c.id}/{$c.id}{if !empty($theme_settings.h_c_i_thumbs)}.{$theme_settings.h_c_i_thumbs}{/if}{$c.image}" class="lazyOwl" alt="{$c.name|escape}" />
      {/if}

      На:

      <img src="{$wa_url}wa-data/public/shop/categories/{$c.id}/{$c.id}{if !empty($theme_settings.h_c_i_thumbs)}.{$theme_settings.h_c_i_thumbs}{/if}{$c.image}" class="lazyOwl" alt="{$c.name|escape}" />

      Промо-карточки – home.promoCards.html заменить код:

      {if !empty($theme_settings.blazy)}
      	<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{$promo.image}" class="lazyOwl" alt="{if !empty($promo.title)}{$promo.title}{/if}" />
      {else}
      	<img src="{$promo.image}" class="lazyOwl" alt="{if !empty($promo.title)}{$promo.title}{/if}" />
      {/if}

      На:

      <img src="{$promo.image}" class="lazyOwl" alt="{if !empty($promo.title)}{$promo.title}{/if}" />
  • Якубов Андрей
    26 мая 2017 21:18

    Увы, у меня не заработало :(
    https://elementauto.ru

    • Владимир Сергеев
      Разработчик
      Решение
      26 мая 2017 22:29

      Значит кидайте мне на [email protected] доступы в админку.

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

      Но смотрю посмотреть только в пн.

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!