Разработка Копер.рф

Компания Копер.рф является производственно-конструкторской компанией и более 8 лет занимается разработкой и производством бурового оборудования. Сотрудники организации хорошо знают о том, что лежит под поверхностью земли, как туда добраться, как там закрепиться, и как на этом заработать покупателям их установок.
Перейти на сайт
Разработка сайта Копер

Предыстория

В работу поступил заказ от коммерческой организации. В требованиях заказчика было: каталог товаров, страницы о компании, контакты, услуги, видеообзоры а также разделы партнеры и лизинг. Из особенностей моим клиентам хотелось иметь две версии сайта – на русском и английском языках, а также обзор товара в 360.
Анализ конкурентов
Разработка дизайна
Разработка сайта
Дополнительное программирование
Адаптивная верстка под мобильные устройства
Обзор товара в 360
Версия сайта на английском
Возможность добавлять отзывы
Возможность прикреплять файлы к заявке

Описание этапов работы

В данном проекте я решил обойтись без Woocommerce. Для каталога я использовал CPT UI. Так как на сайте будет 2 версии языка, то нужны дополнительные плагины. Breadcrumb NavXT Polylang Extensions – плагин для хлебных крошек для второго языка, Multilingual Contact Form 7 with Polylang – для контактных форм, а основной плагин дублирования контента — Polylang Pro.

После установки в переводах Polylang появляется дополнительный выбор плагинов.

Кейс Копер.рф

Можно переименовать корневую позицию в хлебных крошках на свое усмотрение, в моем случае это Главная/Home.

Кейс Копер.рф

Аналогичным образом заполняется перевод для CF7.

Кейс Копер.рф

В самой форме текст нужно выделить фигурными скобками.

Кейс Копер.рф

Оставшийся текст, который нужно перевести, добавляется в function.php.

Кейс Копер.рф

Для удобства я разбил пункты на блоки, а рядом в комментариях перевод на двух языках.

В самом php-файле нужно добавить следующую конструкцию.

Кейс Копер.рф

Теперь попап на русском языке выглядит так.

Кейс Копер.рф

А на английском так.

Кейс Копер.рф

Для обзора товара в 360 я использовал плагин WebRotate 360 Product Viewer for WordPress. А у товара добавил текстовое поле с помощью плагина Advanced Custom Fields.

Кейс Копер.рф

В php-файле добавил следующий код: <?php echo do_shortcode(get_field('equipment_360')); ?>

Теперь на странице отображается слайд, уведомляющий, что у товара есть обзор в 360.

Кейс Копер.рф

При нажатии открывается попап, а в нем товар, который мы можем крутить на 360 градусов.

Кейс Копер.рф

Сейчас проект успешно перенесен на рабочий домен.

Понравился проект?

Заполните бриф и узнайте стоимость разработки сайта.
Подробнее
Подписывайся, рассказываю много интересного
Пишу о разработке, маркетинге, бизнесе, переговорах с клиентами и организации работы
Telegram