OpenCart автоматическое изменение цены в зависимости от опции без vqmod

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

К примеру вы продаете сахар. Вы можете сделать кучу товаров с разными объемами сахара, к примеру карточки товара:

Сахар (упакова) 1 кг — 10$
Сахар (мешок) 5 кг — 45$
Сахар (мешок) 10 кг — 80$
Сахар (мешок) 15 кг — 120$
Сахар (мешок) 25 кг — 190$

Согласитесь это очень много работы которая толком и не нужна никому. Гораздо удобнее завести один раз товар просто «Сахар» и с помощь опций добавить дополнительные веса: 5, 10, 15, 25 кг и указать что товар по умолчанию это 1 кг. А если покупатель (лид) выбирает обьем 5 кг то ему надо заплатить 10$ + 35$, если обьем 10 кг то цена будет 10$+ 70$, если обьем 25 кг то надо заплатить 10$ + 180$.

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

Чтобы решить эту задачу есть два варианта. Первый и самый простой — с помощью плагина на базе VQMOD. Второй — более сложный руками прописать код. В этой статье мы рассмотрим оба варианта.

Автоматическое изменение цены в Opencart в зависимости от опции VQMOD

Чтобы воспользоваться самым простым способом вам изначально надо, чтобы стоял VQMOD. После чего скачайте файл по ссылке (протестированная мною версия) или более новую версию и загрузите файл по пути:

vqmod/xml

на этом все. Все что вам осталось это проверить как работает модуль.

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

Автоматическое изменение цены в Opencart в зависимости от опции без VQMOD

Многие пользователи жалуются что VQMOD открывает уязвимости в интернет магазине, и CMS начинает сильно тормозить, поэтому специально для них, в этом разделе рассмотрим каким образом можно сделать тоже самое, но только своими силами. Итак, приступим.

Прежде всего сделайте резервную копию вашего магазина, как файлов так и базы mySQL.
Скопируйте файл product.tpl с хостинга к вам на компьютер. Он находиться по пути:
1
catalog/view/theme/ваша тема/template/product/product.tpl
catalog/view/theme/ваша тема/template/product/product.tpl
Найдите код:
1
<div id="content"><?php echo $content_top; ?>
<div id="content"><?php echo $content_top; ?>
и после него вставтье
1
<div id="thisIsOriginal" style="visibility: hidden; height:0px;"><?php echo $price; ?></div>
<div id="thisIsOriginal" style="visibility: hidden; height:0px;"><?php echo $price; ?></div>
Найдите строчку
1
(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
и поменяйте ее на
1
(<?php echo $option_value['price_prefix']; ?><span id="newPrice"><?php echo $option_value['price']; ?></span>)
(<?php echo $option_value['price_prefix']; ?><span id="newPrice"><?php echo $option_value['price']; ?></span>)
найдите строчку
1 2
<?php if (!$special) { ?> <?php echo $price; ?>
<?php if (!$special) { ?> <?php echo $price; ?>
и поменяйте ее на
1 2
<?php if (!$special) { ?> <span id="priceUpdate"><?php echo $price; ?></span>
<?php if (!$special) { ?> <span id="priceUpdate"><?php echo $price; ?></span>
Все. С этим файлом закончили. Загрузите его назад на хостинг
Скопируйте к вам на компьютер файл header.tpl который находится по пути:
1
catalog/view/theme/ваша тема/template/common/header.tpl
catalog/view/theme/ваша тема/template/common/header.tpl
найдите код
1
</head>
</head>

Сразу перед ним, вставьте один из следующих кодов. Если у вас валюта рубль вставьте код:

<script type="text/javascript">
	$(document).ready(function() {
   $('.option').change(function() {
   var OriginalPrice = $('#thisIsOriginal').text();
   var OriginalCurrency = OriginalPrice.substring(OriginalPrice.length-3, OriginalPrice.length);// OriginalPrice.substring(0, 1);
   //OriginalPrice = OriginalPrice.substring(1);
 
   var newPriceValue = $('.option :selected').text();
   var position1 = newPriceValue.indexOf("(");
   var position2 = newPriceValue.indexOf(")");
   position1 = position1+1;
   var finalPriceValue = newPriceValue.substring(position1, position2-4);
   if(newPriceValue.indexOf('.') == -1)
   {
finalPriceValue = "0";
   }
   finalPriceValue = parseFloat(finalPriceValue) + parseFloat(OriginalPrice);
   finalPriceValue = finalPriceValue.toFixed(2);
 
   $('#priceUpdate').text(finalPriceValue + OriginalCurrency);
   });
});
</script>

Если у вас другая валюта, к примеру гривны, доллар или евро, вставьте код:

<script type="text/javascript">
$(document).ready(function() {
   $('.option').change(function() {
   var OriginalPrice = $('#thisIsOriginal').text();
   var OriginalCurrency = OriginalPrice.substring(0, 1);
   OriginalPrice = OriginalPrice.substring(1);
 
   var newPriceValue = $('.option :selected').text();
   var position1 = newPriceValue.indexOf("(");
   var position2 = newPriceValue.indexOf(")");
   position1 = position1+3;
   var finalPriceValue = newPriceValue.substring(position1, position2);
   if(newPriceValue.indexOf('.') == -1)
   {
	finalPriceValue = "0";
   }
   finalPriceValue = parseFloat(finalPriceValue) + parseFloat(OriginalPrice);
   finalPriceValue = finalPriceValue.toFixed(2);
 
   $('#priceUpdate').text(OriginalCurrency + finalPriceValue);
   });
});
</script>

Данная разница в коде присутствует потому что значек рубля выводиться слева от суммы, а другие значки справа от суммы.

Загрузите измененный файл назад на хостинг и проверьте все ли у вас работает.

На этом все, но если у вас остались какие-то вопросы, напишите в комментариях, попробую вам помочь.

загрузка...

Об авторе

Andrey

Администратор блога. Специалист по маркетингу, развитию бизнеса, здоровому образу жизни. Владелец и директор двух компаний в Украине. Сертифицированный специалист Apple. Увлечения: бизнес, спорт, дайвинг.

3 комментария

Дмитрий 24.01.2017 Ответить

ocStore 1.5.5.1.2, не работает вариант с vqmod, ошибки выдает

Михаил 22.08.2017 Ответить

Работает. Встал как родной, не смотря на установленный шаблон Polianna

Denis 29.09.2017 Ответить

Скажите а на опенкарт 2.3 этот код который вы показали прописать вручную работать будет?

Автоматическое изменение цены в Opencart в зависимости от опции VQMOD

Автоматическое изменение цены в Opencart в зависимости от опции без VQMOD

Похожие записи

Об авторе

Andrey

Добавить комментарий