Готовим со звездами

Если на вашем сайте предлагаются, какие либо услуги или продаются товары, то данный «Скрипт калькулятора услуг» будет очень полезен. С помощью этого «Скрипта калькулятора услуг», посетитель вашего сайта легко может выбрать понравившиеся ему товары или услуги и посчитать их стоимость. Также посетитель может выбрать необходимое количество каждого товара или услуги и рассчитать их отдельную стоимость. Для удобства покупателя, при наведении мышкой на товар, строка с товаром подсвечивается, а уже выбранные товары и услуги выделаются другим цветом, а так-же отмечаются чекбоксом в виде галочки. С помощью CSS стилей можно изменять цвет, шрифт и оформление «Скрипта калькулятора услуг». Благодаря открытому javascript коду, можно дорабатывать возможности калькулятора, увеличивть его функциональность.

Важной особенностью «Скрипта калькулятора услуг» является его универсальность и легкость установки. Его код, просто вставляется прямо на страницу сайта Joomla, WordPress, Adobe Muse, WpPage и других, где поддерживается вставка javascript кода. Универсальность «Скрипта калькулятора услуг» заключается в том, что в нем можно использовать любые товары или услуги из любых отраслей деятельности или торговли. В нашем случае, представлен пример calculator расчета стоимости создания сайта.

Добавлять новые товары и удалять ненужные товары в «Скрипт калькулятора услуг» очень просто. Для добавления новых товаров достаточно добавить одну строку с названием товара и его ценой. Для удаления товара, просто убрать или закомментировать строку с этим товаром. Затем просто перезагрузить страницу и новый товар появится в форме «Скрипта калькулятора услуг» или будет удален из нее. Новый товар будет участвовать в расчете общей стоимости выбранных товаров.

Преимущества калькулятора расчета услуг

● динамический расчет стоимости товаров
● авто разбивка товаров на группы
● простое добавление и удаление товаров
● легко устанавливается и настраивается
● работа без перезагрузки страницы (AJAX)
● отправка письма с заказом на e-mail (скачать тестовый файл можно ниже)
● диагностические сообщения о проблемах
● подробная Инструкция к калькулятору
● без абонентской платы
● без рекламы и сторонних ссылок
● полностью независим от нашего сайта
● не подгружает дополнительные скрипты
● открытые html, css, javascript коды

Описание файлов калькулятора

● index.html — содержит код для вставки на страницу Вашего сайта.

● calculator — папка с файлами калькулятора.

● calculator/calculator.css – стили калькулятора.

● calculator/calculator.js – настройки калькулятора.

● calculator/calculator.html – html форма калькулятора.

● calculator/pic – папка с картинками, при наличии картинок в калькуляторе.

● calculator/sendmail – папка для отправки писем, при наличии такой возможности в калькуляторе.

Установка калькулятора на сайт

● Скопируйте папку калькулятора calculator на ваш сервер (хостинг).

● Откройте файл index.html в html редакторе, скопируйте код калькулятора и вставьте его на страницу вашего сайта, в то место, где необходимо вывести калькулятор usa zip code.

● Во вставленном коде, найдите переменную var calcPath и укажите в ней путь к папке «calculator», которую вы ранее скопировали на ваш сервер.

Например: var calcPath = ‘http://www.sitename.ru/scripts/calculator/’;

● Откройте в браузере страницу Вашего сайта с установленным калькулятором.

● Калькулятор готов к работе.

Изменение настроек и формулы калькулятора

В файле calculator/calculator.js находятся настройки и формула калькулятора.

К каждому параметру имеются соответствующие комментарии (подсказки).

Важно!!!

● Не редактируйте файлы в текстовых редакторах Windows. Используйте для этого специализированные редакторы текста, например Notepad++ (бесплатный, с русским языком).

● Если, при вставке кода на страницы своего сайта, вы используйте «визуальный редактор», то включите разрешение на вставку скриптов.

Источник: http://calcprofi.com/