Code Monkey home page Code Monkey logo

ffw's People

Contributors

p-p-m avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

ffw's Issues

Финальные доработки по второму этапу проекта. Часть 1

  1. Число в корзине съехало. https://www.diigo.com/item/image/5bmcv/14cm
  2. Окошко корзины не исчезает при нажатии на любую другую часть экрана, только если клацнуть опять на корзину.
  3. Не рендарятся стили breadcrumps при загрузке страницы. Появляются попапы на страницах. Как по мне, то проще всего будет сделать preloader.
  4. Добавить растояние между кнопками: https://www.diigo.com/item/image/5bmcv/m03c
  5. Привести в порядок отображение цены в товаре с одной конфигурацией: https://www.diigo.com/item/image/5bmcv/n4kx
  6. Хлебные крошки на странице списка товаров показываются ниже чем на всех остальных страницах: resource://jid0-gxjllfbcoax0lcltedfrekqdqpi-at-jetpack/as-ff/data/edit.html
  7. Ссылки в хлебных крошках не должны быть в режиме CAPSLOCK.
  8. Я убрал навигатор по странице корзины так как он там не нужен. Нужно отцентрировать страницу. https://www.diigo.com/item/image/5bmcv/o45y

Доработки и ТЗ

Отредактированый файл ТЗ где выделено то что не сделано: https://drive.google.com/file/d/0B7CY1UuWleZFLXVDWEFZdGZNbWN1S0FYV2R1TV9UX2lCYnZZ/view?usp=sharing

Частично это уже покрыто в предидущих тикетах. Выделю то что осталось(если я чтото пропустил - то можно отписать).

  1. меню с «Галереей», «Оплатой и Доставкой» и т.д. уменьшить в высоту вдвое. При наведении на пункт реализовать его выделение цветом и подчеркиванием (по аналогии с розеткой.юа); Сюда же: Сделать чтобы шрифты были без завитушек.
  2. Категории (под баннером). Размер иконок должен быть одинаковым(это вроди так и есть). Очень понравилась реализация рамок для товара внутри категории. Надо тоже самое повторить на главной странице для категорий.
  3. После прокрутки страницы товара до раздела «Расходные материалы и комплектующие» включительно начинает скролиться вся страница, в т.ч. фиксированная область. (Это на странице товара).

Мелкие фиксы старницы товара

  1. по этой ссылке:
    http://s020.radikal.ru/i705/1508/d1/c54e20e30d49.jpg
  1. сделать ячейку побольше, так чтобы на неё можно было попасть
  2. выделить другим тоном и рамкой количество
  1. Ширина строки категории должна быть стандартной, с выравниванием по центру по вертикали. В стандартную ширину должны помещаться две строчки.
    http://s020.radikal.ru/i723/1508/67/8858bf3c3b65.jpg

  2. a) Кнопки «больше» «меньше» слишком маленькие;
    c) Должно быть выделение раздела, который просматривается
    http://s017.radikal.ru/i403/1508/57/c7659ff5da7e.jpg

  3. курсор на номере телефона должен стоять на месте, куда будет вводиться цифра:
    http://s008.radikal.ru/i306/1508/c4/fc35562bc083.jpg
    но не так, как у нас сейчас:
    http://s017.radikal.ru/i406/1508/f0/1d2800405eea.jpg

  4. сделать чтобы около характеристики был знак ? и показывалось описание характеристики если оно есть

Галерея и добавление товара

  1. При создании товара в новой подкатегории появилась обшибка, но товар сохранился на сайте (он есть и сейчас, название "Кран для накопительного бака бытовой системы обратного осмоса"). После нажатия на товар в разделе products появляется ошибка:
    http://s020.radikal.ru/i710/1508/90/d82cc328fbb6.jpg
  2. После создания в галереи объекта без названия, его невозможно выбрать и зайти в него:
    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

Корзина

  1. Хотя бы иконку какую-то
  2. тображение нескольких добавленных товаров при нажатии на иконку корзины, сейчас это >при нажатии на цифру с кол-во добавленных товаров (если их много, то последних). >Количество – на усмотрение дизайнера.
  3. Возможность удалить товары из выпадающего списка

Сейчас действительно смотрится там все коряво.

  1. Список: я его вырезал, так как он совсем криво смотрелся. Добавь его пожалуйста и посмотри чтобы нормально отображались товары с длинными именами. Была надпись "последние добавленые". Ну и жедательно чтобы крестики удаления были конзистентны с остальными частями сайта.
  2. Инока: может так как-то переделать то что сейчас есть? Я лично вижу значек корзины и справа от него или снизу надпись "В корзине N товаров на сумму M гривен". Если в Корзине не 0 товаров то около икноки есть яркий кружек который показывает сколько товаров в корзине.

Фиксы/оценка

  1. Возможность перемещения характеристик или возможность задавать им порядковый номер и соответственно изменение порядка их отображения на сайте
    http://s020.radikal.ru/i716/1508/a6/0693cec0d0aa.jpg
  2. Сделать какие-то «ячейки» для упрощения заполнения характеристик на странице товара (попадать курсором на место между двумя точками и скобкой неудобно)
    http://s012.radikal.ru/i319/1508/93/09af2228e6da.jpg
  3. В админке, в разделах Categories, Subcategories и Products нужно разделить, например заходя в Products там сделать выбор категории из которой ты хочешь увидеть список товаров (или выпадающие списки, все равно как)
  4. У товаров разная высота ячеек, нету дерева переходов и цена не полностью отображается в ячейке (да и сами ячейки не мешало бы как-то обрамить и сделать выравнивание по центру)
    http://s52.radikal.ru/i138/1508/cd/b5eb609115fd.jpg
  5. При обновлении страницы каталога все изображение «прыгает». Хорошо видно когда стоит отображение плиткой, после обновления страницы страница сначала загружается строками с галочкой возле иконки отображения строками и после этого возвращается к отображению плиткой

Frontend-only issues. Part 1

  1. Номера телефонов, e-mail, дерево переходов нужно сделать более жирным шрифтом, они не видны.

  2. Шрифт – сделать строгим, завитушки убрать (вердана или аналогичный).

  3. Баннер – подсвечивать область перехода на следующий баннер или сделать иконки с картинкой следующего баннера (или еще как-то)

  4. Картинки товара не кликабельны (Вот товар с картинками, при нажатии ничего не происходит http://46.101.31.58/product/red-green-blue-filter/)

  5. Высота ячейки по-прежнему может быть разной : http://c2n.me/3o4F5eT. Это касается как отображения «плиткой», так и отображения «строками». Также она зависит от наличия/отсутствия картинки товара. Может стоит сделать стандартную ячейку и если, к примеру, название не помещается то ставить три точки («…») или как-то так.

  6. В строке меню видимо есть «мертвые зоны», т.к. просто водя курсором по меню, оно закрывается. Видео: http://www.ex.ua/418160341274

  7. Внешний вид модификации товара – визуально разделить название и характеристики товара (разные ячейки или разные строки, другой шрифт и т.д.), т.к. так как сейчас http://c2n.me/3o5leg4 абсолютно не читабельно.

  8. Расстояние между названием и кратким описанием: http://c2n.me/3o6b3qK

  9. Краткое описание товара в режиме просмотра «Плиткой» сокращается до нескольких слов: http://c2n.me/3o6kejY

Загрузка каталога товаров

При обновлении страницы каталога все изображение «прыгает». Хорошо видно когда стоит отображение плиткой, после обновления страницы страница сначала загружается строками с галочкой возле иконки отображения строками и после этого возвращается к отображению плиткой

Кнопка "купить в один клик"

Сделать шаблон кнопки "в один клик". Кнопка должна быть соединена с полем ввода телофона.
Поле ввода может быть либо слева либо сверху от кнопки.

Чтото типа такого:

|<phone number>|<button>|

|    <phone number>    |
|       <button>       |

В поле телефона должен быть шаблон телефона. Нужна js функция которая будет показывать ошибку около поля <phone number> если оно не было заполнено (Можно стандартный html5 "This field is required"). Саму функцию буду вызывать я.

Доработки по фазе 2

  1. Страница заказа. Содержит таблицу корзины и форму оформления заказа с именем заказчика, емейлом, телефоном, и другими контактами. В таблице корзины должен показыватся список покупок, количество, количество можно менять, также можно удалять товары из коризны.
  2. Попап добавления коментария(отзыва): поля: преимущества, недостатки + кнопки добавить/отменить.
  3. Меседж, типа "товар добавлен в корзину" или "отзыв отправлен на рассмотрение" и т.д.
  4. Попап при покупке товара со страницы списка товаров. После нажатия на кнопку купить:
    • если у товара много модификаций то показывается попап в котором показывается список модификаций (как на странице просмотра этого товара) и внизу есть кнопки "купить" и "купить в один клик" с телефоном. Область со списком модификаций скролится. кнопки - нет.
    • если у товара 1 модификация то просто показывается названия товара, его цена, количество, которое можно менять и тоже кнопки "купить" и "купить в один клик" (этого нет в спеках, все кроме остальное - есть)

Фиксы js на странице товара

  1. Там где пишется "всего наименования Х на сумму...". Наименования - это не общее кол-во товаров, а кол-во выбраных позиций, т.е. 3 галочки по 5 товаров - это 3 наименования
  2. При добавлении новой конфигурации товара идет дубляж доступных характеристик.

Фиксы страницы со списком товаров

  1. У товаров разная высота ячеек, нету дерева переходов и цена не полностью отображается в ячейке (да и сами ячейки не мешало бы как-то обрамить и сделать выравнивание по центру) http://s52.radikal.ru/i138/1508/cd/b5eb609115fd.jpg
  2. При обновлении страницы каталога все изображение «прыгает». Хорошо видно когда стоит отображение плиткой, после обновления страницы страница сначала загружается строками с галочкой возле иконки отображения строками и после этого возвращается к отображению плиткой

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.