Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 19 Ответов
  • 1259 Просмотров
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Всем здравствуйте.
Понадобилось добавить в карточку товара строку которая считала бы сумму товаров перед добавлением в корзину.
Примерно как здесь
Т.е. вы меняете количество товара и сразу видите сумму.
Знания javascript весьма скромные, путём чтения интернетов собрал такой код:
Сам скрипт:
Код
    $('#itogo').change(function () {
        var quantityX = ($("input[id='js_quantity']").val());
        var priseY = document.getElementById("js_prise").innerHTML;
        var summ = quantityX * priseY;
        $('#js_summa').text(summ);
    });

      $('#itogo').keyup(function () {
        var quantityX = ($("input[id='js_quantity']").val());
        var priseY = document.getElementById("js_prise").innerHTML;
        var summ = quantityX * priseY;
        $('#js_summa').text(summ);
    });


    $('#itogo').click(function () {
        var quantityX = ($("input[id='js_quantity']").val());
        var priseY = document.getElementById("js_prise").innerHTML;
        var summ = quantityX * priseY;
        $('#js_summa').text(summ);
    });
HTML
Код
<div id="itogo">
    <input type="number" id="js_quantity" value="1">
<div class="js_prise_block">
<span>Цена: </span>
  <span id="js_prise">10</span>
  <span> руб.</span>
</div>
</div>
<div class="js_itogo_text">
<span>Всего товаров на сумму: </span>
<span id="js_summa">10</span>
<span> руб.</span>
</div>
Вроде бы код рабочий - можно проверить тут: https://jsfiddle.net/p1s4a07g/1/
Но при вставке этого кода в файл карточки товара (product_default.php) скрипт не работает.
Jquery подключён.
В чём может быть проблема?
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Cумма товаров в карточке товара
« Ответ #1 : 17.05.2018, 18:37:32 »
А вы уверены, что в вашей карточке товара есть такие индексы как "itogo", "js_prise", "js_summa"...? И надо по минимуму смешивать jQuery с VanillaJS.
Не будь паразитом, сделай что-нибудь самостоятельно!
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Cумма товаров в карточке товара
« Ответ #2 : 17.05.2018, 18:41:27 »
Ну пересчитает скрипт, а в сессию запись где? При обновлении странички опять старые количество и сумма будет.
Создание сайтов, шаблонов, помощь в решении проблем.
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #3 : 17.05.2018, 18:46:04 »
Да я понимаю, что этих классов в карточке товара нет.
Что бы этот скрипт работал с полем ввода количества и ценой JoomShopping нужно заменить соответствкющие классы.
Проблема в том, что я вставляю этот код (html+javascript) "как есть" просто в низ карточки товара и он перестаёт работать, т.е. сумма не считается.
Привязать это всё к переменным JoomShopping - это уже другое дело.

*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #4 : 17.05.2018, 18:48:46 »
Да, при обновлении страницы будет старое количество т.е. "1". Мне такой вариант подойдёт 100%. В примере, который я скидывал - тоже самое.
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Cумма товаров в карточке товара
« Ответ #5 : 17.05.2018, 18:55:19 »
Да, при обновлении страницы будет старое количество т.е. "1". Мне такой вариант подойдёт 100%.
Ну и вполне возможно, тут не берусь утверждать, но скорее всего при оформлении заказа тоже будут старые данные.
Создание сайтов, шаблонов, помощь в решении проблем.
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #6 : 17.05.2018, 19:00:47 »
Ну и вполне возможно, тут не берусь утверждать, но скорее всего при оформлении заказа тоже будут старые данные.
Не понимаю, при чём тут оформление заказа, и пересчёт суммы на странице товара?
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Cумма товаров в карточке товара
« Ответ #7 : 17.05.2018, 19:03:24 »
Не понимаю, при чём тут оформление заказа, и пересчёт суммы на странице товара?
Потому что эти данные хранятся в сессии, а вы хотите поменять только визуально.
Создание сайтов, шаблонов, помощь в решении проблем.
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #8 : 17.05.2018, 19:08:54 »
Возможно мы говорим о разных вещах.
Этим сриптом я хочу просто показать пользователю сумму за выбранное количество. Большне ничего не требуется, это лишь визуальное оформление.
В общем основной вопрос остаётся открытым)
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Cумма товаров в карточке товара
« Ответ #9 : 17.05.2018, 19:10:00 »
Что бы этот скрипт работал с полем ввода количества и ценой JoomShopping нужно заменить соответствкющие классы.
Правильно. Только не путайте индексы с классами.
Проблема в том, что я вставляю этот код (html+javascript) "как есть" просто в низ карточки товара
HTML не надо, только JS и его нужно обернуть в тэг <script/>.
Не будь паразитом, сделай что-нибудь самостоятельно!
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #10 : 17.05.2018, 19:21:15 »
Правильно. Только не путайте индексы с классами.HTML не надо, только JS и его нужно обернуть в тэг <script/>.
Так и сделал.
Вот страница . В самом низу страницы, под превью фото.
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Cумма товаров в карточке товара
« Ответ #11 : 17.05.2018, 19:33:41 »
HTML не надо, только JS и его нужно обернуть в тэг <script/>.
Sorry, не совсем так.
Скрипт:
Код
<script>
jQuery(document).ready(function($)
{
$('#js_summa').text($('#js_prise').text());

$('#js_quantity').on('change keyup mouseup', function () {
        var priseY = $('#js_prise').text();
        var summ = $(this).val() * priseY;
        $('#js_summa').text(summ);
    });
})
</script>
HTML:
Код
<div class="js_itogo_text">
<span>Всего товаров на сумму: </span>
<span id="js_summa"></span>
<span> руб.</span>
</div>
Вам нужно менять js_prise и js_quantity на соответствующие.
« Последнее редактирование: 17.05.2018, 19:40:57 от robert »
Не будь паразитом, сделай что-нибудь самостоятельно!
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #12 : 17.05.2018, 19:40:58 »
Sorry, несовсем так.
Скрипт:
Код
<script>
jQuery(document).ready(function($)
{
$('#js_summa').text($('#js_prise').text());

$('#js_quantity').on('change keyup mouseup', function () {
        var priseY = $('#js_prise').text();
        var summ = $(this).val() * priseY;
        $('#js_summa').text(summ);
    });
})
</script>
HTML:
Код
<div class="js_itogo_text">
<span>Всего товаров на сумму: </span>
<span id="js_summa"></span>
<span> руб.</span>
</div>
Вам нужно менять js_prise и js_quantity на соответствующие.
Спасибо огромное, ваш вариант скрипта работает!
Осталось id поменять и всё будет ок)
Я думаю решение будет полезно многим, может стоить добавить в разработки?
P.s. как разберусь с id выложу полный код.
« Последнее редактирование: 17.05.2018, 19:47:29 от dvcool »
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Cумма товаров в карточке товара
« Ответ #13 : 17.05.2018, 19:44:00 »
Слушайте, я вам уже дал код, и HTML, и JS. Вам осталось только поменять IDs и их вставить. Но беда в том, что здесь
Вот страница .
вижу все те же IDs и тот же код!?
Не будь паразитом, сделай что-нибудь самостоятельно!
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #14 : 17.05.2018, 19:52:11 »
Слушайте, я вам уже дал код, и HTML, и JS. Вам осталось только поменять IDs и их вставить. Но беда в том, что здесьвижу все те же IDs и тот же код!?

Всё изменил. Спасибо ещё раз  ;)
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #15 : 17.05.2018, 20:45:28 »
change keyup mouseup
Обнаружилась небольшая проблема, при изменении поля input сумма ситатеся только если меняешь значение в самом поле. Если менять значения кнопками +- (от невигена) сумма считатеся только после клика по input. суть проблемы можно посмотреть по той же ссылке.
Использовать input type="number" вариант не лучший т.к. стилизация кнопок в нём - известная проблема.

*

nevigen

  • Moderator
  • 10436
  • 863 / 25
  • http://n*****n.com
Re: Cумма товаров в карточке товара
« Ответ #16 : 17.05.2018, 20:54:30 »
если вы меняете шаблон сделайте кнопки в шаблоне :)
зачем тогда плагин ?
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #17 : 17.05.2018, 20:59:56 »
если вы меняете шаблон сделайте кнопки в шаблоне :)
зачем тогда плагин ?
Если я сделаю кнопки в шаблоне - ситуация не изменится
*

nevigen

  • Moderator
  • 10436
  • 863 / 25
  • http://n*****n.com
Re: Cумма товаров в карточке товара
« Ответ #18 : 17.05.2018, 21:04:10 »
Если я сделаю кнопки в шаблоне - ситуация не изменится
как это? если вы сами вешаете события на нажатие кнопок которые добавите в шаблон :)
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

dvcool

  • Захожу иногда
  • 54
  • 0 / 0
Re: Cумма товаров в карточке товара
« Ответ #19 : 18.05.2018, 13:54:41 »
Если используете плагин "кнопки +- для товаров" нужно немного дописать скрипт
Код
jQuery(document).ready(function ($)
{
$('#js_summa').text($('#js_prise').text());
   
$('#quantity').on('change keyup mouseup', function () {   
        var priseY = $('#js_prise').text();
        var summ = $(this).val() * priseY;
        $('#js_summa').text(summ);
    });
   
$('#plusJS').on('click', function () {                           
        var quantityX = ($("input[id='quantity']").val());
        var priseY = $('#js_prise').text();
        var summ = quantityX * priseY;
        $('#js_summa').text(summ);
    });   
   
$('#minusJS').on('click', function () {                       
        var quantityX = ($("input[id='quantity']").val());
        var priseY = $('#js_prise').text();
        var summ = quantityX * priseY;
        $('#js_summa').text(summ);
    });   
   
   
})


Кнопкам + и - присвоить #minusJS и #plusJS соответственно
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вместо стоимость 0 руб. вывести БЕСПЛАТНО в карточке товаров (Каталоге)

Автор IgorGeneralov

Ответов: 0
Просмотров: 900
Последний ответ 13.04.2023, 21:06:09
от IgorGeneralov
Функционал сравнение товаров в JoomShopping

Автор falur

Ответов: 53
Просмотров: 13472
Последний ответ 22.08.2022, 09:54:16
от kit2m2
В списке товаров вывести названия категорий каждого товара

Автор shop-user

Ответов: 5
Просмотров: 1460
Последний ответ 25.01.2022, 06:05:12
от kit2m2
Плагин - Инфоблок товара в списке товаров [Скачать]

Автор kit2m2

Ответов: 13
Просмотров: 2726
Последний ответ 20.10.2021, 14:51:08
от kit2m2
Автоматическая генерация кода товара (плагин)

Автор maslybs

Ответов: 8
Просмотров: 3199
Последний ответ 30.08.2021, 20:21:25
от nevigen