1.99.6 vamshop4 - отображение корзины в формате сотового

[EdZa 1]

При работе с сотового корзина выходит за пределы экрана.

Будут исправления ?

[support 447]

  В 09.07.2019 в 11:39, EdZa сказал:

При работе с сотового корзина выходит за пределы экрана.

Будут исправления ?

Expand  

В будущих версиях - возможно.

Но таблица со всеми товарами всё равно в 360 пикселей не влезет нормально.

Хоть адаптивная таблица будет, хоть неадаптивная.

[support 447]

Пример страницы корзина есть в http://demo2.vamshop.ru

Там сттаница сделана адаптивной таблицей.

и всё равно не влезет ничего толком в 360 пикселей.

[EdZa 1]

как минимум добавить

Across every breakpoint, use .table-responsive for horizontally scrolling tables.

<div class="table-responsive">
</div>

Тогда хоть экран корежить не будет, а прокрутка появится.

[support 447]

  В 10.07.2019 в 06:58, EdZa сказал:

как минимум добавить

Across every breakpoint, use .table-responsive for horizontally scrolling tables.

<div class="table-responsive">
</div>

Тогда хоть экран корежить не будет, а прокрутка появится.

Expand  

Хорошо, посмотрим.

Но на таких маленьких экранах таблицу широкую нормально не покажешь.

Прокрутка - это тоже, так себе, удовольствие, когда у тебя 360px в ширину.

[support 447]

  В 09.07.2019 в 11:39, EdZa сказал:

При работе с сотового корзина выходит за пределы экрана.

Будут исправления ?

Expand  

Сделал адаптивную таблицу + не показывает некоторые колонки на маленьких экранах.

Сейчас выглядит неплохо.

Вот исправленный файл /templates/vamshop4/module/order_details.html

Вот как выглядит, скрины.

 

order_details.html

[KoVaLsKy 59]

да зачем table-responsive, когда можно на col-* сверстать. Заменить td на div и все.

[support 447]

  В 26.11.2019 в 14:01, KoVaLsKy сказал:

да зачем table-responsive, когда можно на col-* сверстать. Заменить td на div и все.

Expand  

Лично моё imho, что таблица должна оставаться таблицей.

Страница корзины больше на таблицу похоже, заголовки, колонки, строки.

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

[Роман_DD 2]

  В 26.11.2019 в 14:01, KoVaLsKy сказал:

да зачем table-responsive, когда можно на col-* сверстать. Заменить td на div и все.

Expand  

ВОТ! А таблица не нужна там совсем уже давно.

[support 447]

  В 06.12.2019 в 12:09, Роман_DD сказал:

ВОТ! А таблица не нужна там совсем уже давно.

Expand  

Дело не в таблице, а в ширине экрана. Слишком мало места по горизонтали на смартфонах.

Вот посмотрите пример на https://vamhost.ru

Там максимально всё убрано и нет таблиц.

Но всё равно не влазит, 950 сумма всё равно чуть вылазит.

А ещё и атрибуты будут, то тем более не влезет.

В общем, я постараюсь как-то впихнуть всё ровно, но это не так просто.

 

[Роман_DD 2]

  В 06.12.2019 в 12:21, support сказал:

Дело не в таблице, а в ширине экрана. Слишком мало места по горизонтали на смартфонах.

Вот посмотрите пример на https://vamhost.ru

Там максимально всё убрано и нет таблиц.

Но всё равно не влазит, 950 сумма всё равно чуть вылазит.

А ещё и атрибуты будут, то тем более не влезет.

В общем, я постараюсь как-то впихнуть всё ровно, но это не так просто.

 

Expand  

На вскидку - слово Количество не нужно, все и так давно знаю что это количество.

Картинку большой и НАД количеством а не сбоку.

Цену отдельной строкой

Опции отдельной строкой. 

Ну не строкой, а колонкой скажем ил дивом который будет вниз под другой уползать. placement: float-left и что то там про flex.

Я не особо шарю, но вы попробуйте не в браузере, а в программе stylizer там демка есть, в ней все намного намного проще и очевиднее чем в режиме разработчика ковыряться...

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

ВБОК ЮЗЕР ЛИСТАТЬ НЕ ХОЧЕТ И НЕ ДОЛЖЕН! На телефоне информация вертикально доллжна быть. К тому же улучшаются ПОВЕДЕНЧЕСКИЕ ФАКТОРЫ  для ПС ЯНДЕКС. (время на странице, скрол!)

Все остальное отлично, но от таблицы придется избавиться  :)) Я понимаю, это такое легаси, которое жалко бросать, сколько времени убито на доведение таблицы до идеала, но всему приходит конец и таблицам в том числе :)

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

 

[support 447]

Ну насчёт бесконечного скролла вниз - это конечно спорный очень момент.

Все слайдеры, тот же интаграм вбок листается и не вниз.

Так что прям стремиться к рокрутке вниз тоже не нужно, imho

Вот например в vamshop4 шаблон на главной странице слайдера сделаы, они ж вбок листают.

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

А так сразу понятно, вот новинки, полистал слайдер вбок, вот отзывы, полистал слайдер вбок.

Ну это моё мнение, лично мне так удобнее.

В шаблоне vamshop1 сделано именно прокруткой вниз, а не слайдером, и на мой вкус, не очень, когда просто вниз и вниз листаешь и не видишь, что это ты крутишь, сдкидки, новинки, или что-то ещё.

 

Вот внутри категории да, когда понятно, что ты в списке товара находишься, там нет слайдера, там просто карточки товара и ты вниз листаешь.

 

[Роман_DD 2]

Вбок картинки, потому что это как смахивать, то что надоело смотреть. А вниз это интересно больше инфорации. Наверное такая логка. Вобщем вбок толжно в любом случае слайдами листаться, а не скроллом. 

 

Но да, слайдеры для главной больше годятся, но опять же , это мы элементы листаем однородные. в корзине это никак не применить. Вся инфорация должна умещаться на одном экране, ну и не забываем, что соотношение сторон у мобильника сейчас 16/9 или окло того... по вертикали почти в 2 раза больше места. 

Вообще по умолчанию там если вы обратите внимание, то padding одчень большой, что в листинге на мобиле, что в корзине, получается теряется место горизонтальное из-за отступов.

[support 447]

  В 06.12.2019 в 12:57, Роман_DD сказал:

Вообще по умолчанию там если вы обратите внимание, то padding одчень большой, что в листинге на мобиле, что в корзине, получается теряется место горизонтальное из-за отступов.

Expand  

Буду вносить правки.

Думаю, что всё реально, можно всё сделать и без прокрутки.

 

[support 447]

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

Сейчас попробую корзину сделать плитками, как товар внутри категории например тут - http://demo.vamshop.ru/smartphones.html

А что, довольно прикольно получается корзина плитками, необычно и довольно удобно. Наверное так и сделаю.

Сейчас покажу, залью на demo.vamshop.ru

И выглядит нормально, без прокруток, на мобилках, и на компах.

  В 06.12.2019 в 12:57, Роман_DD сказал:

Вообще по умолчанию там если вы обратите внимание, то padding одчень большой, что в листинге на мобиле, что в корзине, получается теряется место горизонтальное из-за отступов.

Expand  

 

[support 447]

  В 06.12.2019 в 12:33, Роман_DD сказал:

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

 

Expand  

Вот как получилось.

Влазит и на компе и на смартфоне.

http://demo.vamshop.ru

Можно "в-живую" посмотреть.

 

 

Прицепил два файлы.

Исправленный /templates/vamshop4/module/order_details.html

и новый файл /templates/vamshop4/components/item/item-cart.html

order_details.htmlFetching info...

 

item-cart.htmlFetching info...

[support 447]

  В 09.07.2019 в 11:39, EdZa сказал:

 

При работе с сотового корзина выходит за пределы экрана.

Будут исправления ?

 

Expand  

Вот посмотрите демку http://demo.vamshop.ru

Как сейчас выглядит корзина.

По идее, сейчас уж точно нормально на любых устройствах.

[IVAN.Z 2]

А когда основной архив на сайте для скачивания измените? И будет ли там растянутый шаблон?

[support 447]

  В 11.12.2019 в 08:48, ZM сказал:

А когда основной архив на сайте для скачивания измените? И будет ли там растянутый шаблон?

Expand  

Обновил.

[IVAN.Z 2]

Спасибо

[Роман_DD 2]

У кого-то есть статистика как пользователи на новую корзину реагируют? 

[support 447]

  В 29.01.2020 в 05:26, Роман_DD сказал:

У кого-то есть статистика как пользователи на новую корзину реагируют? 

Expand  

Я всех агитирую давным давно настраивать аналитику и цели.

Но мало кто за этим следит, так что я думаю, что статистики особой нет.

Да и сложно сотледить именно этот момент.

т.е. как именно корзина на конверсию повлияла.

[Роман_DD 2]

  В 29.01.2020 в 06:30, support сказал:

Я всех агитирую давным давно настраивать аналитику и цели.

Но мало кто за этим следит, так что я думаю, что статистики особой нет.

Да и сложно сотледить именно этот момент.

т.е. как именно корзина на конверсию повлияла.

Expand  

Да нет, очень легко там отследить, во первых можно построить воронку продаж в гугл аналитике. Во вторых просто руками посмотреть по конверсии.

[support 447]

  В 29.01.2020 в 06:32, Роман_DD сказал:

Да нет, очень легко там отследить, во первых можно построить воронку продаж в гугл аналитике. Во вторых просто руками посмотреть по конверсии.

Expand  

Нет, не легко.

и что Вы увидите на своей воронке, как увидите именно влияние внешнего вида корзины?!

Может просто добавили в корзину и ушли, не собираясь оформлять.

или наоборот, добавили и сразу оформили.

Тут сложно оценить именно влияние дизайн корзины.

Например увеличение/уменьшение ctr тоже ведь необязательно связано с плитками в корзине.

 

Кстати, на странице оформления выбор доставки, оплаты тоже сделан чуть симпатичней, плитками.

На demo.vamshop.ru можно посмотреть.

[Роман_DD 2]

Ну можно сделать a/b тест просто. Неделю с одной корзиной, неделю с другой. Примерно будет видно. Я чет подзабыл, а полноценная интеграция ecommerce есть для гугла и метрики?