Feature #1062
open
Product page redesign v2
Description
Features that will be implemented during the product page redesign v2:
For longtail product:
We need to take in account tha days to deliver the products to our store.
So, for example, here https://www.leroymerlin.ua/ru/p/Kukhnia_BETON_PRYaMAYa_S_YaShchIKAMI_24m.11960172 for NP and pick-up we need to put next info
1) If today 19th of June till 14:00
Будет передан в службу доставки 25 июня - 27 июня
2) If today 19th of July after 14:00
Будет передан в службу доставки 26 июня - 28 июня
3) For pick-up
Можно забрать 25 июня - 27 июня в Киеве по адресу Броварской просп. 3В
Image block mobile:
http://prntscr.com/oh5urn - должно быть 4 картинки в превью за раз. В макете: http://prntscr.com/oh5v38
Header
Показывать фиксированное меню не сразу, а когда пользователь зайдет верхним краем экрана за линию сгиба (то есть полностью прокрутит свой первый экран).
- Admin city detection
Когда я захожу в странички админа http://prntscr.com/ocnvot
Delivery dates rules:
2)Самовывоз
Всегда показываем +2 рабочих часа магазина, меняем магазин, в зависимости от радиобатона. Также берем во внимание 2 нерабочие дни магазина.
Можно забрать 12 мая с 11:00 в Киеве по адресу Броварской просп. 3В
Пример: Я сделала заказ 12 мая в 20:00. Я смогу забрать заказ 13 мая в 7.30 утра ( с открытием магазина)
Cross in mobile menu
http://prntscr.com/o9zsh8 - В моб версии, этот крестик, после клика, должен пропадать. Сейчас некрасиво перемещается на меню при закрытии
Delivery rules
http://prntscr.com/o8zfx0
По умолчанию на всех карточках:Доставка в черте городов Киев и Одесса, а также прилегающих к ним районов
Доставка в межах міст Київ та Одеса,а також прилеглих до нього районівЕсли человек из Киева:
Доставка в межах міста Києва та прилеглих до нього районів
Доставка в черте города Киева и прилегающих к нему районовЕсли человек из Одессы:
Доставка в межах міста Одеса та прилеглих до нього районів
Доставка в черте города Одессы и прилегающих к нему районов
Paging of comments
Если больше 8 отзывов, то не появляется кнопка "Больше отзывов" http://prntscr.com/o8z549
Popup image
Поп-ап не запоминает фото с карточки https://drive.google.com/file/d/1ezozp2Uv72_VRonODH-1jaIqxbjmfiJE/view
Sticky bottom price
Нет этого состояния http://prntscr.com/o4bchp / консультанта перекрывай
Stock alignment
стоки должны ровняться по правому краю, может тогда они выровняются?
Sticky characteristics
При скролле вниз, там где характеристики и отзывы, кроме товара к хедеру прикрепляются еще и табы "Описание", "Характеристики" и "Отзывы": http://prntscr.com/o37vq5
Пример реализации на другом сайте: https://27.ua/ua/shop/mini-moyka-compass-hpw-160.html
Состояние в дизайне есть: http://prntscr.com/o37z3b
Bottom image icons
Здесь максимум 6 иконок - больше не показываем http://prntscr.com/npqrnm
Files
Updated by Denys Bezuhlyi over 6 years ago
Add a possibility to add videos for product
change the view recently viewed to similar products for unavailable products
Updated by Yevgen Voronetskyy over 6 years ago
- how many videos objects per product
- the navigation flow questions
- the description and titles will be managed in OPUS ?
- if we manage videos in OPUS, it will be good to specify only video code
- if we chose a video in thumbnail, we open the video or we just show the video preview image?
Updated by Denys Bezuhlyi over 6 years ago
We need more specifications for sticky mobile price block. Out of stock/ number of prices states, etc.
Updated by Anonymous over 6 years ago
Denys Bezuhlyi wrote:
We need more specifications for sticky mobile price block. Out of stock/ number of prices states, etc.
1) Sale - http://prntscr.com/oifqks
2) General price - we put the main (big price) - http://prntscr.com/oifumm
3) Out of stock - Пока нет функционала и кнопки "Сообщите, когда появится" - не показываем плашку внизу. Когда появится такой функционал, можно на этой плашке просто добавить кнопку "Сообщите, когда появится".
http://prntscr.com/oignah
Updated by Anonymous over 6 years ago
Yevgen Voronetskyy wrote:
Alena, we need more detailed specification about the video content:
- how many videos objects per product - 1 video
- the navigation flow questions
- the description and titles will be managed in OPUS ? - where we can see it?
- if we manage videos in OPUS, it will be good to specify only video code
- if we chose a video in thumbnail, we open the video or we just show the video preview image? - we go to this state http://prntscr.com/oig4hi
Updated by Denys Bezuhlyi over 6 years ago
Cross on mobile
May be we can make less space here http://prntscr.com/oigs7y
Updated by Yevgen Voronetskyy over 6 years ago
- Assignee changed from Denys Bezuhlyi to Mykola Romanov
workload estimate for UI-features¶
We can implement in v2 all UI-features which do not require the server-side dev (comment pagination and videos).
The overall estimate is 10 days.
UPDATE:
This estimate includes the server-side work for video integration.
Waiting for your approval.
Updated by Denys Bezuhlyi over 6 years ago
- File Dashboard.png Dashboard.png added
Olena Skrypek wrote:
I cannot reproduce, i tried Iphone X/XR/8/7/6S, iOS 12 and Safari, but nothing, i need more info about device and product
Updated by Mykola Romanov over 6 years ago
- Assignee changed from Mykola Romanov to Denys Bezuhlyi
we approve
Updated by Denys Bezuhlyi over 6 years ago
- Assignee changed from Denys Bezuhlyi to Yevgen Voronetskyy
Updated by Anonymous over 6 years ago
1) При клике на видеообзор должно быть так http://prntscr.com/om10ih по макету. (см. 6 комментарий)2) Все картинки здесь ограничиваем по размеру 38*38 31.073) При наведении мышкой сделай, пожалуйста, курсор "рука" http://prntscr.com/om12ps 31.074) Нет заокруглений как в макете http://prntscr.com/om14h1 http://prntscr.com/om15en и сделать по ширине немного меньше, как в макете 31.07, there is already border-radius like in the mockup, i just reduced the width and the height according to the current mockup5) Кнопка не работает http://prntscr.com/om1789 31.07. I cannot reproduce, i just made button's zones bigger, to be sure that it works 6) И в мобильном версии и в ПК добавить немного падинга для якорных ссылок http://prntscr.com/om18ag 31.07. I added 10 px7) http://prntscr.com/om1ddh - моя ошибка 31.07
Updated by Anonymous over 6 years ago
3) При наведении мышкой сделай, пожалуйста, курсор "рука" http://prntscr.com/om12ps - сделай плиз и на фотках 01.072) Не поправилось http://prntscr.com/on1qlg 01.07
Updated by Anonymous over 6 years ago
1) Add Captcha error http://prntscr.com/oojfob
2) http://prntscr.com/oomq0t - change the color of the font, it shold be like all breadcrumps
Updated by Yevgen Voronetskyy over 6 years ago
- Assignee changed from Yevgen Voronetskyy to Denys Bezuhlyi
- % Done changed from 0 to 90
@d.bezuhlyi what is the status for the last reported issues?
Updated by Denys Bezuhlyi over 6 years ago
@Yevgen Voronetskyy It's not done yet, because i didn't see this note, it will be done after my return
Updated by Denys Bezuhlyi over 6 years ago
- Assignee changed from Denys Bezuhlyi to Yevgen Voronetskyy
Updated by Anonymous over 6 years ago
- File checkbox.png checkbox.png added
Checkbox "Рекомендую цей товар" is to close to button "Надіслати".
Example - https://www.leroymerlin.ua/p/Panel_skliana_NEREA_prozora_80kh185_sm.11694725
Updated by Anonymous about 6 years ago
- Translation missing: en.field_checklist changed from [] to [{"id":61,"is_done":false,"subject":"1) Change the size of the icon 45*45 (only for PC) + margin-right 5px - http://prntscr.com/p8q09h","position":1,"issue_id":1062,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-20T13:43:40.000Z","is_section":false},{"id":62,"is_done":false,"subject":"2) Could we add \"alt\" on hover and show the name of the picture","position":34,"issue_id":1062,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-20T13:43:40.000Z","is_section":false}]
Updated by Anonymous about 6 years ago
- Translation missing: en.field_checklist changed from [{"id":61,"is_done":false,"subject":"1) Change the size of the icon 45*45 (only for PC) + margin-right 5px - http://prntscr.com/p8q09h","position":1,"issue_id":1062,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-20T13:43:40.000Z","is_section":false},{"id":62,"is_done":false,"subject":"2) Could we add \"alt\" on hover and show the name of the picture","position":34,"issue_id":1062,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-20T13:43:40.000Z","is_section":false}] to [{"id":61,"is_done":false,"subject":"1) Change the size of the icon 45*45 (only for PC) + margin-right 5px - http://prntscr.com/p8q09h","position":1,"issue_id":1062,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-20T13:43:40.000Z","is_section":false},{"issue_id":1062,"id":62,"is_done":false,"subject":"2) Could we add \"alt\" on hover and show the name of the picture http://prntscr.com/pct2ba (mobile+desktop). On click we show it and clicking on the another place of the screen, we close it","position":34,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-30T10:18:53.000Z","is_section":false}]
Updated by Anonymous about 6 years ago
- Translation missing: en.field_checklist changed from [{"id":61,"is_done":false,"subject":"1) Change the size of the icon 45*45 (only for PC) + margin-right 5px - http://prntscr.com/p8q09h","position":1,"issue_id":1062,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-20T13:43:40.000Z","is_section":false},{"id":62,"is_done":false,"subject":"2) Could we add \"alt\" on hover and show the name of the picture http://prntscr.com/pct2ba (mobile+desktop). On click we show it and clicking on the another place of the screen, we close it","position":34,"issue_id":1062,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-30T10:18:53.000Z","is_section":false}] to [{"id":61,"is_done":false,"subject":"1) Change the size of the icon 45*45 (only for PC) + margin-right 5px - http://prntscr.com/p8q09h","position":1,"issue_id":1062,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-09-20T13:43:40.000Z","is_section":false},{"issue_id":1062,"id":62,"is_done":false,"subject":"2) Could we add \"alt\" on hover and show the name of the picture http://prntscr.com/ptay14 (mobile+desktop). On click we show it and clicking on the another place of the screen, we close it","position":34,"created_at":"2019-09-20T13:43:40.000Z","updated_at":"2019-11-06T15:29:50.000Z","is_section":false}]