ffw's People
ffw's Issues
Финальные доработки по второму этапу проекта. Часть 1
- Число в корзине съехало. https://www.diigo.com/item/image/5bmcv/14cm
- Окошко корзины не исчезает при нажатии на любую другую часть экрана, только если клацнуть опять на корзину.
- Не рендарятся стили breadcrumps при загрузке страницы. Появляются попапы на страницах. Как по мне, то проще всего будет сделать preloader.
- Добавить растояние между кнопками: https://www.diigo.com/item/image/5bmcv/m03c
- Привести в порядок отображение цены в товаре с одной конфигурацией: https://www.diigo.com/item/image/5bmcv/n4kx
- Хлебные крошки на странице списка товаров показываются ниже чем на всех остальных страницах: resource://jid0-gxjllfbcoax0lcltedfrekqdqpi-at-jetpack/as-ff/data/edit.html
- Ссылки в хлебных крошках не должны быть в режиме CAPSLOCK.
- Я убрал навигатор по странице корзины так как он там не нужен. Нужно отцентрировать страницу. https://www.diigo.com/item/image/5bmcv/o45y
Frontend-only issues. Part 1
-
Номера телефонов, e-mail, дерево переходов нужно сделать более жирным шрифтом, они не видны.
-
Шрифт – сделать строгим, завитушки убрать (вердана или аналогичный).
-
Баннер – подсвечивать область перехода на следующий баннер или сделать иконки с картинкой следующего баннера (или еще как-то)
-
Картинки товара не кликабельны (Вот товар с картинками, при нажатии ничего не происходит http://46.101.31.58/product/red-green-blue-filter/)
-
Высота ячейки по-прежнему может быть разной : http://c2n.me/3o4F5eT. Это касается как отображения «плиткой», так и отображения «строками». Также она зависит от наличия/отсутствия картинки товара. Может стоит сделать стандартную ячейку и если, к примеру, название не помещается то ставить три точки («…») или как-то так.
-
В строке меню видимо есть «мертвые зоны», т.к. просто водя курсором по меню, оно закрывается. Видео: http://www.ex.ua/418160341274
-
Внешний вид модификации товара – визуально разделить название и характеристики товара (разные ячейки или разные строки, другой шрифт и т.д.), т.к. так как сейчас http://c2n.me/3o5leg4 абсолютно не читабельно.
-
Расстояние между названием и кратким описанием: http://c2n.me/3o6b3qK
-
Краткое описание товара в режиме просмотра «Плиткой» сокращается до нескольких слов: http://c2n.me/3o6kejY
Фикс #1
При сохранении существующей подкатегории появляется такая ошибка:
http://s020.radikal.ru/i709/1508/4f/85b0316cac37.jpg
Сохраненные характеристики товара не отображаются на странице товара:
http://s019.radikal.ru/i640/1508/26/b36f970d4290.jpg
При создании объекта в галереи:
http://s019.radikal.ru/i602/1508/d6/00182995b942.jpg
Загрузка каталога товаров
При обновлении страницы каталога все изображение «прыгает». Хорошо видно когда стоит отображение плиткой, после обновления страницы страница сначала загружается строками с галочкой возле иконки отображения строками и после этого возвращается к отображению плиткой
Корзина
- Хотя бы иконку какую-то
- тображение нескольких добавленных товаров при нажатии на иконку корзины, сейчас это >при нажатии на цифру с кол-во добавленных товаров (если их много, то последних). >Количество – на усмотрение дизайнера.
- Возможность удалить товары из выпадающего списка
Сейчас действительно смотрится там все коряво.
- Список: я его вырезал, так как он совсем криво смотрелся. Добавь его пожалуйста и посмотри чтобы нормально отображались товары с длинными именами. Была надпись "последние добавленые". Ну и жедательно чтобы крестики удаления были конзистентны с остальными частями сайта.
- Инока: может так как-то переделать то что сейчас есть? Я лично вижу значек корзины и справа от него или снизу надпись "В корзине N товаров на сумму M гривен". Если в Корзине не 0 товаров то около икноки есть яркий кружек который показывает сколько товаров в корзине.
Доработки и ТЗ
Отредактированый файл ТЗ где выделено то что не сделано: https://drive.google.com/file/d/0B7CY1UuWleZFLXVDWEFZdGZNbWN1S0FYV2R1TV9UX2lCYnZZ/view?usp=sharing
Частично это уже покрыто в предидущих тикетах. Выделю то что осталось(если я чтото пропустил - то можно отписать).
- меню с «Галереей», «Оплатой и Доставкой» и т.д. уменьшить в высоту вдвое. При наведении на пункт реализовать его выделение цветом и подчеркиванием (по аналогии с розеткой.юа); Сюда же: Сделать чтобы шрифты были без завитушек.
- Категории (под баннером). Размер иконок должен быть одинаковым(это вроди так и есть). Очень понравилась реализация рамок для товара внутри категории. Надо тоже самое повторить на главной странице для категорий.
- После прокрутки страницы товара до раздела «Расходные материалы и комплектующие» включительно начинает скролиться вся страница, в т.ч. фиксированная область. (Это на странице товара).
Кнопка "купить в один клик"
Сделать шаблон кнопки "в один клик". Кнопка должна быть соединена с полем ввода телофона.
Поле ввода может быть либо слева либо сверху от кнопки.
Чтото типа такого:
|<phone number>|<button>|
| <phone number> |
| <button> |
В поле телефона должен быть шаблон телефона. Нужна js функция которая будет показывать ошибку около поля <phone number>
если оно не было заполнено (Можно стандартный html5 "This field is required"). Саму функцию буду вызывать я.
Баг
Тест
Фиксы js на странице товара
- Там где пишется "всего наименования Х на сумму...". Наименования - это не общее кол-во товаров, а кол-во выбраных позиций, т.е. 3 галочки по 5 товаров - это 3 наименования
- При добавлении новой конфигурации товара идет дубляж доступных характеристик.
Фиксы страницы со списком товаров
- У товаров разная высота ячеек, нету дерева переходов и цена не полностью отображается в ячейке (да и сами ячейки не мешало бы как-то обрамить и сделать выравнивание по центру) http://s52.radikal.ru/i138/1508/cd/b5eb609115fd.jpg
- При обновлении страницы каталога все изображение «прыгает». Хорошо видно когда стоит отображение плиткой, после обновления страницы страница сначала загружается строками с галочкой возле иконки отображения строками и после этого возвращается к отображению плиткой
тестовый баг
тестовый баг
Галерея и добавление товара
- При создании товара в новой подкатегории появилась обшибка, но товар сохранился на сайте (он есть и сейчас, название "Кран для накопительного бака бытовой системы обратного осмоса"). После нажатия на товар в разделе products появляется ошибка:
http://s020.radikal.ru/i710/1508/90/d82cc328fbb6.jpg - После создания в галереи объекта без названия, его невозможно выбрать и зайти в него:
http://s017.radikal.ru/i437/1508/28/3c7880b982e6.jpg
Сама страница галереи и просмотр картинок выглядит как непонятно что:
http://s013.radikal.ru/i325/1508/c5/ab5085d7ffd5.jpg
http://s017.radikal.ru/i444/1508/92/7ee4ff7bea54.jpg
Фиксы/оценка
- Возможность перемещения характеристик или возможность задавать им порядковый номер и соответственно изменение порядка их отображения на сайте
http://s020.radikal.ru/i716/1508/a6/0693cec0d0aa.jpg - Сделать какие-то «ячейки» для упрощения заполнения характеристик на странице товара (попадать курсором на место между двумя точками и скобкой неудобно)
http://s012.radikal.ru/i319/1508/93/09af2228e6da.jpg - В админке, в разделах Categories, Subcategories и Products нужно разделить, например заходя в Products там сделать выбор категории из которой ты хочешь увидеть список товаров (или выпадающие списки, все равно как)
- У товаров разная высота ячеек, нету дерева переходов и цена не полностью отображается в ячейке (да и сами ячейки не мешало бы как-то обрамить и сделать выравнивание по центру)
http://s52.radikal.ru/i138/1508/cd/b5eb609115fd.jpg - При обновлении страницы каталога все изображение «прыгает». Хорошо видно когда стоит отображение плиткой, после обновления страницы страница сначала загружается строками с галочкой возле иконки отображения строками и после этого возвращается к отображению плиткой
Мелкие фиксы старницы товара
- по этой ссылке:
http://s020.radikal.ru/i705/1508/d1/c54e20e30d49.jpg
- сделать ячейку побольше, так чтобы на неё можно было попасть
- выделить другим тоном и рамкой количество
-
Ширина строки категории должна быть стандартной, с выравниванием по центру по вертикали. В стандартную ширину должны помещаться две строчки.
http://s020.radikal.ru/i723/1508/67/8858bf3c3b65.jpg -
a) Кнопки «больше» «меньше» слишком маленькие;
c) Должно быть выделение раздела, который просматривается
http://s017.radikal.ru/i403/1508/57/c7659ff5da7e.jpg -
курсор на номере телефона должен стоять на месте, куда будет вводиться цифра:
http://s008.radikal.ru/i306/1508/c4/fc35562bc083.jpg
но не так, как у нас сейчас:
http://s017.radikal.ru/i406/1508/f0/1d2800405eea.jpg -
сделать чтобы около характеристики был знак ? и показывалось описание характеристики если оно есть
Доработки по фазе 2
- Страница заказа. Содержит таблицу корзины и форму оформления заказа с именем заказчика, емейлом, телефоном, и другими контактами. В таблице корзины должен показыватся список покупок, количество, количество можно менять, также можно удалять товары из коризны.
- Попап добавления коментария(отзыва): поля: преимущества, недостатки + кнопки добавить/отменить.
- Меседж, типа "товар добавлен в корзину" или "отзыв отправлен на рассмотрение" и т.д.
- Попап при покупке товара со страницы списка товаров. После нажатия на кнопку купить:
- если у товара много модификаций то показывается попап в котором показывается список модификаций (как на странице просмотра этого товара) и внизу есть кнопки "купить" и "купить в один клик" с телефоном. Область со списком модификаций скролится. кнопки - нет.
- если у товара 1 модификация то просто показывается названия товара, его цена, количество, которое можно менять и тоже кнопки "купить" и "купить в один клик" (этого нет в спеках, все кроме остальное - есть)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.