Карточка товара в мобильной версии

Question

Карточка товара в мобильной версии

6 апреля 2017

1

карточка товара product.html Адаптивность мобильной версии

Добрый день

подскажите как изменить карточку товара в мобильной версии, чтобы виджет покупки товара (то есть цена, артикул и кнопка "купить") были сверху над описанием, над "обзором" и "характеристиками", а не снизу под ними.

Сейчас приходится прокручивать всё описание (а иногда оно очень длинное, особенно в мобильной версии), чтобы добраться до кнопки "Купить". За это время конверсия падает до нуля....

3 ответа

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

Разработчик

Решение

3 июля 2017 22:26

1

Лучше сделать, как описано в инструкции. Способ проверенный.
Хотя зашёл к вам на сайт. Сейчас вы наверно уже исправили.

ответить

Добавить ответ

Владимир Сергеев · Answer 1

Здравствуйте, Вячеслав!

Откройте файл product.html, который находится в шаблонах темы Формула Успеха для приложения Магазин.

В этом файле найдите фрагмент кода, который начинается со строки:

<div class="product-sidebar col-md-4">

и заканчивается строкой:

</div><!--product-sidebar-->

Выделите этот фрагмент кода (включая строки с которых начинается и заканчивается) и вырежьте его (mac: cmd+x, win: ctrl+x). Затем найдите строку:

<!-- product info & gallery -->

И прямо перед ней вставьте ваш вырезанный фрагмент кода (mac: cmd+v, win: ctrl+v).

Затем вам нужно в блок flatty.user_style вставить следующий код:

@media screen and (min-width: 992px) {
  .product-sidebar {
      float: right;
    }
}

Салов Вячеслав · Answer 2

Салов Вячеслав

Решение

7 апреля 2017 02:06

1

спасибо, то что нужно

ответить

Яхъяев Сулим · Answer 3

Яхъяев Сулим

Решение

3 июля 2017 15:52

1

Спасибо! Сделал так, только блок засунул под картинки. На выходе получилось недоразуменее с десктопной версией: блок купить возникает только после прокрутки в прилипшем состоянии, а изначально его на своем месте нет вообще... http://www.krafthaus.ru/tandyry/bolshoi-premium/

ответить