[*.social.gifts / products] presentation of products on websites

[Diana-Cherry-8]

yammer 2162 *.social.gifts / products

presentation of products on websites https://github.com/Waiviogit/waivio/issues/5127

---

Новый вид нужно для типов product и book

[Diana-Cherry-8]

Fix Департаменты, чтобы были в одну строку через запятую Departments: External Battery Packs, Chargers Show all (5)

[Diana-Cherry-8]

Style price:

• по жирности и размеру можно попробовать под имя объекта
• покрасить в цвет сайта (примерный вариант)

[Diana-Cherry-8]

Тайтл можно просто черным, оно ярче получается

[Diana-Cherry-8]

Отображается только один рейтинг (должно быть два) https://waiviodev.com/object/rjt-missufe-womens-short-sleeve-ruched-casual-sundress-midi-bodycon-t-shirt-dress https://dia.socialgifts.pp.ua/object/product/rjt-missufe-womens-short-sleeve-ruched-casual-sundress-midi-bodycon-t-shirt-dress

[Diana-Cherry-8]

Style рейтинг:

• рейтинги должны выстраиваться в 2 колонки, а если не помещаются, то тогда уже в один столбик
• цвет тоже просто черный
• pасстояние если нужно будет подправить, чтобы от тайтла до рейтинг, и от рейтинга до цены были одинаковы
• звездочки немного увеличить (сейчас 16px -> 20px) (примерный вариант) (шрифт текста 16px пусть остается)

[Diana-Cherry-8]

Style buy it on

• добавить uppercase
• цвет стандартный серый (#99aab5)

[Diana-Cherry-8]

Style options category name пусть пока будет как рейтинг, тока жирнее

• color black
• font-weight 600 (шрифт 16px пусть остается)

[Diana-Cherry-8]

Стиль для имени самой опции:

• покрасить в цвет сайта

[Diana-Cherry-8]

Тайтлы разделов

• покрасить в черный цвет
• добавить жирность (600 вроде норм)

[Diana-Cherry-8]

Пока можно убрать полоски между разделами

[Diana-Cherry-8]

(Нужно посмотреть может это будет перебор)

Product details можно попробовать завернуть в рамку

• размер рамки подстраивается под количество контента (не на всю ширину страницы)
• края закругленные
• можно добавить box shadow как на secondary карточках rewards box-shadow: 2px 2px 8px -2px var(--website-color);
• или попробовать какую-то равномерно распределенную тень по всем сторонам рамки (2 картинка ниже)

[Diana-Cherry-8]

Добавить пробел перед / в BOUGHT TOGETHER/ ADD-ONS

[Diana-Cherry-8]

Карточки в притык (Add-ons)

[Diana-Cherry-8]

Амазон иконки сдвинулись влево в Add-ons

[Diana-Cherry-8]

После нажатия на карточку в Add-ons нужно скролить вверх, а то переход по объектам незаметный

https://github.com/Waiviogit/waivio/assets/67378322/ce6fcfd2-b59a-43d3-82a8-87813275c1a5

[Diana-Cherry-8]

Нет блоков Related и Similar (если они должны быть) https://waiviodev.com/object/rjt-missufe-womens-short-sleeve-ruched-casual-sundress-midi-bodycon-t-shirt-dress

[Diana-Cherry-8]

Название рейтинга очень высоко находиться

[Diana-Cherry-8]

Запятую можно убрать в тег категориях (даже если ее ближе поставить оно не очень)

[Diana-Cherry-8]

Стиль для тегов, в цвет сайта

[Diana-Cherry-8]

Стиль для блока тегов

• название Tags
• добавить бордер под цвет сайта (тут вроде оно уже нормально подходит, имеется виду добавление рамки) https://camping.social.gifts/object/product/rjt-missufe-womens-short-sleeve-ruched-casual-sundress-midi-bodycon-t-shirt-dress

[Diana-Cherry-8]

Нужно добавить хлебные крошки

[Diana-Cherry-8]

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

[Diana-Cherry-8]

Поправить департаменты на десктопе, они выстраиваются в колонки, а не в строку https://ddd.socialgifts.pp.ua/object/product/swr-lavazza-classy-mini-single-serve-espresso-coffee-machine-lb-300 https://ddd.socialgifts.pp.ua/object/product/kxr-body-kindness---by--rebecca-scritchfield-paperback

[Diana-Cherry-8]

При обновлении страницы, много запросов летит (в 2 раза больше) Related и similar падают

[Diana-Cherry-8]

Имя рейтинга все еще высоко https://ddd.socialgifts.pp.ua/object/product/kxr-body-kindness---by--rebecca-scritchfield-paperback

[katerynapadafa]

on mobile option click!

[katerynapadafa]

description spaces

[Diana-Cherry-8]

Увеличить шрифт для описания на продукте

[Diana-Cherry-8]

Similar, Related, Add-on при нажатии на стрелочку нужно чтобы менялся весь ряд, а не одна карточка

[Diana-Cherry-8]

Экспертизу на вейвио и на сайтах, оставить в стиле как было (новый стиль тегов только для сайтов, и только для тегов)

[Diana-Cherry-8]

Убрать отступ после тайтла, чтобы звездочки были ближе (если равное расстояние везде, то оно не очень)

[Diana-Cherry-8]

Цена тоже должна сохранять отступы, пустые строки (как на вейвио) https://ddd.socialgifts.pp.ua/object/product/wke-test-product-19061020

[Diana-Cherry-8]

На мобилке для тегов, можно добавить побольше отступ между ними

[Diana-Cherry-8]

Можно пока убрать кнопку Show all для опшинов, и показывать все (а то Show all ведет на Page not found) https://888.socialgifts.pp.ua/object/product/ogk-jescakoo-tunic-tops-for-leggings-for-women-long-sleeve-v-neck-t-shirts-casual-loose-fit

[Diana-Cherry-8]

Для опшинов-картинок на мобилке, можно попробовать как на амазон

• увеличить картинки (в целом раза в два)
• края в виде круга
• все карточки в один ряд (как для related/similar), нужно свапать чтобы посмотреть
• по дефолту при заходе на страницу, оно будет проскраливаться к нужно опции https://www.amazon.com/dp/B0BY185RD1?th=1&psc=1

https://github.com/Waiviogit/waivio/assets/67378322/936bed5e-1d3a-48e8-af27-168c11ff1f6a

[Diana-Cherry-8]

На стейджине вейвио открывается сошал сайт, а на сайте - вейвио

[Diana-Cherry-8]

Мобилка. Картинки не по центру в related/similar

[Diana-Cherry-8]

Мобилка. Если много объектов в related (например), то активная точка перестанет показываться https://ddd.socialgifts.pp.ua/object/product/ueq-charlotte-s-beautiful-skin-foundation

https://github.com/Waiviogit/waivio/assets/67378322/c2ed3574-37fe-4bfc-88f9-940149c1c5c8

[Diana-Cherry-8]

При переходе с поиска нужно показывать product / book в новом виде

https://github.com/Waiviogit/waivio/assets/67378322/796fce69-c899-4b1f-b553-30395e90e4e1

[Diana-Cherry-8]

Бордер для картинок покрасить в бледный цвет

---

[Diana-Cherry-8]

Добавить кликабельность для большой картинки, чтобы на весь экран открывалось

[Diana-Cherry-8]

Для блоков related/similar/add-on не нужно в "круговую" повторять объекты, да конца дошли и все, стрелочка пропадает

https://github.com/Waiviogit/waivio/assets/67378322/eeb8604a-8382-406a-b326-f873ae29f253

[Diana-Cherry-8]

Текст для рейтингов сделать более ярким, получиться просто черный цвет (сейчас он бледноват) https://dd.socialgifts.pp.ua/checklist/72d1ph-shop#3lskcv-skincare/rkw-cleansers/uit-garnier-micellar-all-in-1-cleansing-water-for-all-skin-types-including-sensitive

[Diana-Cherry-8]

В кареселе, по ховер на картинки она должна отображаться на месте большой

[Diana-Cherry-8]

При переходе между опциями, скролить вверху нужно до второго меню (с menu items), после баннера (при переходе между объектами, там с realted/similar/addOnn тоже чтобы до этого меню скролило вверх) https://wiv.socialgifts.pp.ua/object/product/djx-missufe-womens-short-sleeve-ruched-casual-sundress-midi-bodycon-t-shirt-dress

https://github.com/Waiviogit/waivio/assets/67378322/86e44220-b254-4daf-963f-10d55ec0daf1

[Diana-Cherry-8]

В карусели отображается дополнительное пустое место перед правой стрелкой https://wiv.socialgifts.pp.ua/object/product/gsr-la-pavoni-europiccola-chrome-epc-8-espresso-machine

[Diana-Cherry-8]

В каруселе картинки не нужно замыкать, дошли до последней и все https://wiv.socialgifts.pp.ua/object/product/gsr-la-pavoni-europiccola-chrome-epc-8-espresso-machine

[Diana-Cherry-8]

Карусель нужно центрировать по центру относительно большой картинки https://wiv.socialgifts.pp.ua/object/product/rjt-missufe-womens-short-sleeve-ruched-casual-sundress-midi-bodycon-t-shirt-dress

[Diana-Cherry-8]

Related/Similar/Add-ons если пальцем свапать, то должна свапать только одна карточка, а не весь ряд. Весь ряд меняется только если нажимать на стрелочки

https://github.com/Waiviogit/waivio/assets/67378322/591e9176-a86d-4eaa-8d76-44633834a5fc

[Diana-Cherry-8]

1й меню item показывать в раскрытом виде