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

All topics

Добавьте body перед обоими селекторами: 

@media screen and (max-width: 567px) {
    body .list-thumbs-wrapper .uk-width-1-2 .product-card .price {
        font-size:24px; /* Обычная цена */
    }
    body .list-thumbs-wrapper .uk-width-1-2 .product-card .compare-at-price {
        font-size:24px; /* Зачёркнутая цена */
    }
}

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

Уберите из кода 

uk-flex-right@m

Или замените right на left (или center).

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

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

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

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

В блок 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,

Сергеев Владимир
Сергеев Владимир
 To see all topics please sign up or login
We receive and process personal data of visitors to our site in accordance with the official privat policy.
If you continue to use the site, we will assume that you agree.
Subscribe and get discount!