Кнопки плюс и минус при добавлении товаров - ShopCMS
Блог
Делимся с Вами своими знаниями и новостями

#Cruelten » Блог » Web » Кнопки плюс и минус при добавлении товаров — ShopCMS

22.08.2015

Кнопки плюс и минус при добавлении товаров — ShopCMS

В этой статье я расскажу Вам как сделать простой модуль своими силами, который добавит на Ваш сайт кнопочки (плюс и минус), с помощью которых, Вы сможете добавлять дополнительные товары в корзину, не печатая цифры с клавиатуры.

Я не знаю почему данная вещь не внедрена была по умолчанию в ShopCMS, поэтому я думаю, Вы с радостью воспользуетесь моим советом. Итак.

Пример работы таких кнопок Вы можете посмотреть здесь.

Для начала, сверстайте на Вашем сайте эти кнопочки. После этого, каждой кнопочки присвойте свой уникальный id. И, используя свойства JavaScript и jQuery меняйте значения в поле input, в котором выводится значение количества товаров, которые мы добавляем в корзину. Каждой кнопочке мы делаем функцию, у нас их будет две my_plus(), и my_minus().

Каждой нашей функции мы будем передавать два параметра. Это id конкретного товара и минимальное количество к заказу данного товара. Ниже я указываю код двух наших функций и пример их вызова. Итак, код функций. Внимание! Не забудьте код данных функций заключить в {literal}{/literal}. Иначе ничего не будет работать, это все-таки ShopCMS.

function my_plus (product_id, min_order) 
{
var my_id = 'my_value_' + product_id;
var my_input = document.getElementById(my_id);
var my_value = my_input.value * 1;
my_value += min_order;
my_input.value = my_value;
}<br />
function my_minus (product_id, min_order) 
{
var my_id = 'my_value_' + product_id;
var my_input = document.getElementById(my_id);
var my_value = my_input.value * 1;
if (my_value &gt; min_order) 
{
  my_value -= min_order;
  my_input.value = my_value;
}
}

А ниже пример использования данных функций вместе с input, в котором меняются наши данные.

<input id="my_value_{$product_info.productID}" class="value" type={if $smarty.const.CONF_MULTYCART==0}hidden{else}text{/if} value="{if $product_info.min_order_amount>0}{$product_info.min_order_amount}{else}1{/if}" name="multyaddcount" {if $smarty.const.CONF_MULTYCART==1}size="2"{/if} readonly>
    <div onclick="my_plus({$product_info.productID}, {$product_info.min_order_amount})" class="plus"></div>
    <div onclick="my_minus({$product_info.productID}, {$product_info.min_order_amount})" class="minus"></div>

Надеюсь я помог Вам создать новый функционал на Вашем сайте. Все комментарии оставляйте ниже. Если же Вас интересуют другие статьи или модули по ShopCMS  — то кликайте сюда.

Метки:

Свяжитесь с нами уже сейчас

Вы привыкли видеть здесь форму обратной связи. Ведь так? Ее делают почти все. Но исследуя поведение людей, мы пришли к выводу, что форма совершенно не нужна. В любом случае все сводится к обсуждению Вашего проекта в WhatsApp или Telegram. А зачем нам тратить Ваше время на заполнение различных форм? Поэтому, пишите в Telegram или в WhatsApp.