База знаний по теме upStore

Посмотрел ваши промо-карточки. 

Все проблемы от того, что текст нанесён на картинку. 
Если бы вы добавили пустую картинку, а текст добавляли через описание промо-карточки, то было бы и адаптивно и красиво. 

В данном случае промо-карточки обрезаются по вертикали. 
Самое оптимальное – это на разной ширине экрана делать разную высоту блока с карточкой. 

В блок upstore.user_css добавьте код: 

@media (max-width:1023px) {
  /* Высота блока промо-карточки на планшетах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:670px;
  }
}

@media (max-width:767px) {
/* Высота блока промо-карточки на широких телефонах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:480px;
  }
} 

@media (max-width:736px) {
/* Высота блока промо-карточки на больших айфонах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:370px;
  }
}

@media (max-width:667px) {
/* Высота блока промо-карточки на обычных айфонах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:250px;
  }
}
@media (max-width:568px) {
/* Высота блока промо-карточки на маленьких айфонах */
  .home-promos-wrapper .height-400.uk-overflow-hidden {
    height:210px;
  }
} 

Сергеев Владимир

Здравствуйте, Евгения! 

Добавьте в блок upstore.user_css код:

@media (max-width:767px){
    .uk-position-relative.uk-visible-toggle.margin-h-negative.product-list.main-slider.hide-badges.uk-slideshow {
        min-height: auto !important;
    }
}

Сергеев Владимир

Это вы меня извините. =( 
Я подумал, что вам нужно сделать ленивую загрузку изображений в списках товаров на главной, которые отображаются слайдером, а не в галерее изображений товара на странице товара. 

На странице товара да – слик поддерживает.
Вот что надо сделать в файле product.gallery.html 

Найдите код:

{$wa->shop->imgHtml($image, '750', ['itemprop' => 'image', 'id' => 'product-image', 'class' => 'zoom', 'style' => 'max-height:'|cat:$slider_height|cat:' width:'|cat:$slider_width, 'data-zoom-image' => $wa->shop->imgUrl($image, '970'), 'alt' => $product.name|escape ])}

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

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy="{$wa->shop->imgUrl($image, '750')}" itemprop="image" class="zoom" style="max-height:{$slider_height};width:{$slider_width};" data-zoom-image="{$wa->shop->imgUrl($image, '970')}" alt="{$product.name|escape}">

Затем в этом же файле после строки:

asNavFor: '.slick-nav-h{if $wa->get("quickview")}-quick{/if}, .slick-nav-v{if $wa->get("quickview")}-quick{/if}',

Добавьте код:

lazyLoad: 'ondemand',
slidesToShow: 1,

Сергеев Владимир