Доработка сайта GallerySmart
Главная страница
Задача
Реализовать на проекте следующие задачи:
- Настроить админку MODx на протокол https
- Реализовать задачи по внешему оформлению (вывести описание под изображения в галереи, убрать красные рамки у всех фотографий)
- Настроить сортировку картин, таким образом, чтобы картины сортировались по мере добавления. Использовать можно поле "Дата публикации"
- Исправить не работающий поиск в карточке товара
- Исправить неверный вывод блока "Вам может понравиться" (должны выводиться карточки с картинами, а выводятся категории картин)
- Исправить верстку в IE (у многих художников в портфолио фото не по центру и перекрывает номер; исправить верстку в разделах "Новости" и "Блог")
- Переверстать портфолио художника и добавить вывод его работ
Цветовая палитра
Макеты сайта
Проделанные работы
На проекте была неверно настроена переадресация протокола http на https, которая не позволяла использовать https в админке MODx. Этот момент был разрешен пунет настройки правил переадресации в .htaccess.
Сортировка картин в галереи была в разных разделах настроена по-разному. В основном разделе - сортировка по алфавиту, а в галерее художника по убыванию ID. Чтобы решить задачу - был создан набор параметров в MODx и применен к сниппетам вывода, в данном случае все getList'ы и getResource's используют один набор по сортировке данных картин - сортировка по убыванию поля "Дата публикации".
Поиск в карточке товара был не до конца реализован, поэтому он не отрабатывал так как от него ожидалось. В результате небольшого количества написанного кода в сниппетах, решено переписать поиск с использованием обычных сниппетов с подсовыванием данных по фильтру нескольких полей - нужно было учитывать поиск в названии картин, авторе, категории картин.
Для исправления вывода блока "Вам может понравиться" потребовалось немного времени. В параметрах сниппета было указано свойство включать в выборку категории, этот момент исправлен
Ситуация с версткой IE была интересна в том плане, что для адекватного отображения нужно было менять разметку и менять стили, в том числе использовать хаки для применения flex'ов. В разделах "Новости" и "Блог" элементы выводились без столбцов, как в chrome.
На страницу художника были добавлены его работы в формате слайдера на всю ширину страницы.
Результаты
Доработки по задачам, поставленные клиентом, позволили использовать поиск на ресурсе; дополнить страницу художника его работами; привести верстку проекта к единому виду во всех браузерах. Клиент остался доволен доработкой своего проекта.