Заказать
Заказать

Предыстория:

Был получен заказ на разработку интернет-каталога по продаже и строительству загородных домов. Особое пожелание клиента – возможность фильтрации и кейсы реализованных проектов.
Реализация проекта осуществлялась на CMS WordPress. Заказчик заполнил бриф, где обозначил все свои предпочтения, после чего заказ был принят в работу.

На первом этапе было создано несколько версий логотипа для сайта, основываясь на особенностях ниши и пожеланиях заказчика. После выбора одного наиболее подходящего логотипа был создан дизайн главной и внутренних страниц, а также дизайн мобильной версии сайта. На следующем этапе осуществлялась верстка и натяжка на WordPress, и в завершение – программинг.

Общие работы,
проведенные на сайте:
Анализ конкурентов
Разработка логотипа
Разработка дизайна
Разработка Сайта
SEO продвижение
Настройка контекстной рекламы в Яндекс Директ и Google Ads
Технические работы, проведенные на сайте:
Фильтр поиска по параметрам
Каталог объектов
Атрибуты - цена меняется в зависимости от параметров
Слайдер
CSS анимация
Анимированное меню
Адаптивная верстка под мобильные устройства
Неограниченное кол-во разделов
Обратный звонок, задать вопрос
Фотогалерея
Выпадающее меню
Блог
Отзывы и многое другое.

Сложности, с которыми
я столкнулся, и как я их решал:

Одной из задач было создание раздела Галереи для возможности выложить кейсы реализованных проектов. При переходе в проекты должен выводится список изображений работ, при клике на изображение оно должно появляться во всплывающем окне, где присутствует возможность перелистывать изображения. Для реализации данной задачи, я выбрал библиотеку Fancybox. Так как вывод самой галереи осуществлялся через плагин ACF, то важно было правильно передать значения в функции и добавить некий атрибут ссылке, чтобы галерея могла перелистываться во всплывающем окне. Другой сложностью было то, что при клике на изображение оно открывалось в другом окне, что ломало всю суть задачи. Пришлось написать небольшой скрипт для реализации данной задачи

jQuery( document ).on( ‘focusin’, easy_fancybox_handler );

Следующей задачей было создать на странице категории каталога фильтр, который сортирует товары по атрибуту “толщина бруса”. Сложность заключалась в том, что данный фильтр должен был работать отдельно от основного фильтра который размещен в боковой панели. Для решения проблемы я за основу взял метки, которые входят в базовый функционал товаров Woocommerce, добавил все необходимые значения и разнес их по товарам. Далее я приступил к написанию функции, которая делала проверку, принадлежит ли данная страница к категории или нет, так как на других страницах данная функция не была нужна.
Дальше важно было получить слаг выбранной категории:

$term = get_queried_object();
$product_category = $term->slug;

После того как получен нужный слаг, он передавался в привычную функцию цикла, где уже осуществляется вывод функции:

$query_args = array(
‘product_cat’ => $product_category,
‘post_type’ => ‘product’,
//Grabs ALL post
‘posts_per_page’ => -1
);
$query = new WP_Query ( $query_args );

Отзыв заказчика