JQuery / PHP Смешивать и сочетать функции электронной коммерции - PullRequest
Новая
       25

JQuery / PHP Смешивать и сочетать функции электронной коммерции

0 голосов
/ 12 марта 2012

Я разрабатываю магазин и хотел бы включить функцию «смешивай и подбирай», чтобы клиенты могли видеть, какие топы соответствуют, с какими низами и туфлями.Будет 3 уровня, и когда пользователь найдет правильное сочетание / совпадение, он нажимает кнопку «Купить», чтобы добавить все элементы в корзину.

Я нарисовал диаграмму пользовательского интерфейса, чтобы попытаться объяснить визуально: enter image description here

Кто-нибудь есть идеи о том, как сделать эту функцию?Я предполагаю, что jQuery сделает это, но это требует интеграции с какой-то корзиной для покупок.Любая помощь с благодарностью.

1 Ответ

0 голосов
/ 12 марта 2012

Пользовательские функции.Нужно всего 9 ярдов.Загрузите корзину покупок.создайте новую таблицу вдоль нее.Назовите таблицу 'level' и в таблице дайте ей 3 строки: 'id', 'sid', 'level'.В зависимости от используемой корзины покупок, вы можете объявить определенные значения в таблице shopping_cart в столбце «дополнительные».Используйте статические переменные.«Уровень 1», «Уровень 2», «Уровень 3».Затем создайте событие MySQL Trigger.Каждый раз, когда товар добавляется в список корзины покупок (из бэкэнда, товары, которые будут проданы).Триггер будет использовать «id» этого, вставьте его как «sid» в нашу новую таблицу «уровней».Идентификатор id в нашей новой таблице уровней представляет собой автоинкрементное значение unqieu.«sid» относится к «номеру товара», который был в исходной таблице корзины покупок.Теперь используйте PHP и jQuery.Сначала PHP, чтобы получить элементы из базы данных, выберите * из levels, где level = 'Level1'.Это получит все предметы, которые должны быть 'level1', которые в вашем случае должны быть такими, как шляпы, шарфы и т. Д.Убедитесь, что вы делаете то же самое для уровня 2 и уровня 3. Конечно, создайте структуру HTML.Три «ряда» построены с «позицией: относительной» и шириной: 10000em.Затем каждый «элемент» возвращается в PHP из нашего запроса строки, что-то вроде: 

echo '<ul>';
while($row = mysql_fetch_array($query)){ 
  echo '<li style"float:left;width:150px;height:85px;">'; 
} 
echo '</ul>';

Вы можете использовать что-то вроде ползунка jQuery Tools для создания этого эффекта, который вы хотите для каждой строки.

http://jquerytools.org/demos/scrollable/index.html

Вам необходимо включить пользовательский javascript / jquery, чтобы определить положение и убедиться, что «элемент, который должен иметь фокус», всегда имеет такую ​​же ширину, высоту, поле и отступ, как у элемента выше / нижеЭто.Кроме того, добавьте что-то вроде пользовательского класса 'active-level1-item' для каждого элемента, который находится в поле зрения, active-level2-item, active-level3-item и т. Д.

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

что-то вроде. 

var Level1Item = $(".activelevel1item").val/text/html();
var Level2Item = $(".activelevel2item").val/text/html();
var Level3Item = $(".activelevel3item").val/text/html();
var levelString = 'level1='+Level1Item+'&level2='+Level2Item+'&level3='+Level3Item;

$.ajax({
  url: 'process_shopping_items.php',
  type: 'POST',
  data: levelString,
  success: function(data){
    //do stuff with returned values in our process_shopping_items.php file
  },
  error: function(err){
    //there was an error, alert the user of our error.
    alert(err);
  },
  complete: function(){
    //our ajax request has completed processing. We can perform all callbacks here.
  }
});

Вы не предоставили много информации, поэтому я дал вам пачку и грязь.Хотя усовершенствования должны основываться на «инструментах», выбранных вами для достижения этого результата, это, безусловно, хорошее направление для начала.

...