Форум Joomla! Україна

Повна версія: Интернет магазин для обоев
Ви переглядаєте спрощену версію. Переглянути повну версію з віповідним форматуванням.
Подскажите есть ли шаблон для Интернет магазина для обоев
Основная характеристика
Задавать и изменять размер обоев, соответственно вычислять площадь обоев и цену за квадратный метр
... или нужно самому написать на (PHP, JavaScript)
alafa Написав:Подскажите есть ли шаблон для Интернет магазина для обоев
Подберитие в нужной цветовой гамме шаблон, не обращая внимание на товары. Нужное "допилите".

alafa Написав:Задавать и изменять размер обоев, соответственно вычислять площадь обоев и цену за квадратный метр
Это к шаблону отношения не имеет. Калькулятор, в любом случае придется писать самому. Можно как отдельный модуль, можно позаморачиваться с характеристиками и атрибутами товаров (обоев) и оперируя ими вычислять нужное и выводить в карточке товара.
С калькулятором понятно, ширина и высота и площадь сделал, а подскажите как настроить графику
пример: http://photooboi.com.ua/wallpapers/120_2072/crop
и связать с калькулятором, как на примере
ctrl + U

-->> jquery.Jcrop.min.js
Код:
/**
* jquery.Jcrop.min.js v0.9.12 (build:20130202)
* jQuery Image Cropping Plugin - released under MIT License
* Copyright (c) 2008-2013 Tapmodo Interactive LLC
* https://github.com/tapmodo/Jcrop
*/

Читайте, вникайте, реализуйте.
по отдельности вывел калькулятор (formcalc) и картинку с рамкой, для обрезки, используюя jquery.Jcrop.min.js
теперь ламаю голову на соединении в кучу

а что такое ctrl + U?
ctrl + U - показывает исходный код веб-страницы

По Вашему калькулятору. При кропе, меняется ширина и высота, эти параматры подставляются в input и проводится пересчет.

Код:
<script>
// получаем значения ширины и высоты после отработки кропа и задаем значения переменным
var newWidth = [ тут новое значение ширины после обработки кропа];
var newHeight = [тут новое значение высоты после обработки кропа];

// "пропихиваем" новые значения переменных в инпуты
$("#inputWidth").val(newWidth);
$("#inputHeight").val(newHeight);

// Добавляете событие onChange и делаете пересчет или сразу делаете пересчет и передаете значение в контейнер, в котором отображается площадь
</script>

З.Ы. Это не готовое решение, только один из вариантов, в каком направлении двигаться.