Разработка портала Вседеньги

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...

Сайту vcedengi.com понадобилась доработка калькулятора (Wp Armotization Calculator), а так же плагина Js Composser движка WordPress. Первоначально я решил редактировать файлы двух плагинов,  но в итоге разработал полноценный плагин.

Что понадобилось владельцу сайта?

В калькуляторе добавить кнопку подобрать варианты.

При нажатие на кнопку должно открыться такое же окно как и при нажатие на кнопку рассчитать. В этом окне должны отобразить банки, которые  соответствуют введённым данным пользователя. В системе есть виджет Ot Compare Box, который создаёт списки банков. По сути задача заключалась в том, чтобы соединить два разных плагина.

Доработка Ot Compare box

Задача добавить несколько новых полей в плагин (Сумма кредита — от и до, срок, процентная ставка), которые будут выводиться в POPUP окне, а так же участвовать в процессе поиска с помощью нового плагина. Был заменён стандартный шаблон шорткода данного плагина.

Для это задача был разработан новый плагин, которые не помешает работе двум другим уже установленным в системе плагинам. Для плагина были созданы специальные настройки, которые отображаются на странице настроек калькулятора Wp Amortization Calculator.

 

В первую очередь это настройки самой кнопки:

  • Имя
  • Цвет фона
  • Цвет текста
  • Текст перед предложениями в POPUP окне
  • Текст если нет предложений
  • А так же ID, который нужен для обработки списка банков

Расчёт кредита

Чем больше я работал, тем больше возникало задач. Дальше заказчику понадобилось создать функцию расчёта кредита, и вывести эти поля в шаблоне(сумма в месяц, и переплата). Для многих уже не секрет, что существует формула расчёт кредита: X = Z * (1+Z)Y / ((1+Z)Y-1). Затем полученное значение X*сумму кредита=месячная оплата.

Разработка Ajax фильтра для записей

Это не совсем обычный фильтр записей, все предложения банков которые выводятся на сайте, заполняются с помощью Ot Compare Box — это такой элемент плагина WPBakery, который позволяет создавать блочный контент на одной странице или записи WordPress. Сам же фильтр сделан с помощью ползунков, и работает с помощью AJAX.

Весь контент этих блоков хранится в одной ячейке (одной записи в БД) в виде шорткодов, и чтобы создать такой фильтр, нужно либо  составить сложный sql запрос типа %like%, либо использовать sql +регулярные выражения, на чём я и остановился. Пример хранения записей в одной ячейке:

[comares title=»Отп Банк»]
[comares title=»Банк 2″]
[comares title=»Банк 3″]

На сайте фильтр отображается с помощью разработанного шаблона и элемента Visual Composer.

 

Для фильтра был создан отдельный виджет

Фото

Для Ot Comare Box множество полей для заполнения

Фото

Так же есть дополнительные настройки разработанного плагина, но их я создавал больше для себя чем для заказчика.

Фото

Фото CompareBox

Для тех кто не в курсе что это за плагин Visual Composer или Wp Bakery Page Builder, вот фотография этого зверя возможно кто-то уже знаком с ним. Очень удобный плагин , и в сети есть много разных дополнений.

 

 

Разработка GEO модуля на базе Maxmind для фильтра

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

Создание шаблонов для каждой категории фильтра

Для каждого раздела с фильтрами , был создан отдельный шаблон в соответствие с требованиями заказчика.

Перестройка

Дело в том, что Ot Compare Box не создаёт ссылки на отдельные страницы, но для каждого предложения банка как оказалось чуть позже понадобилась отдельная страница. Для этой задачи я предложил заказчику переделать структуру и фильтр, и создать для каждого предложения отдельную запись WordPress.

В принципе всё это можно было бы сделать изначально, но , УВЫ техническое задание было поставлено именно так: Одна страница, а на ней все банки.

Другие доработки

  • Доработка футера ( всплывающая форма)
  • Создание блока новостей на главной

Использованные технологии

  • Php
  • Mysql
  • Javascript (Jquery,Ajax)
  • Css
  • HTML

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*
*