Option Price Calculation

Hi,

You can use the options mechanism only:
www.hikashop.com/support/documentation/i...ct-form.html#options
demo.hikashop.com/index.php/en/hikashop/...ct-page/with-options
- You create first a "concierge service" characteristic with three values: no, silver, gold
- You create a product "concierge service" and add that characteristic as characteristic of the product and you then add the variants, one for each value.
- In each variant, you can enter the price(s). For "no", you don't add any price, for "silver", you can add a price of 45 with a minimum quantity of 1, 22.5 (45/2) for a minimum quantity of 2, 15 (45/3) for a minimum quantity of 3, etc, and for "gold" 46.23 (45 + 1.23) for a minimum quantity of 1, 24.96 (45/2+1.23*2) for a minimum quantity of 2, etc.
The price calculation plugin is not necessary, but it requires entering a lot of prices to handle all the quantities possible. And you can use the quantity per order setting to limit the purchase up to where you enter the prices so that people can't buy the options for more quantity than you setup.

Without using an option, but instead a custom item field and the price calculation plugin I don't see a way to do that as there is no if / else logic in the plugin. It can only do calculations, it cannot do differrent things based on the selection of the user.

Hi,

You can use a view override to add a bit of javascript to trigger when a particular dropdown (an option for example) is changed.
And there, you can then automatically fill the value of a custom item field (which you can hide with a bit of CSS). Then, you can use the price calculation plugin to just read the value from the custom item field to display the calculated price.

Doing it purely with the price calculations plugin would require it to handle condition tags. Not impossible but not that easy to implement properly. To do it properly would require integrating with something like twig ( twig.symfony.com/ ) or mustache ( github.com/bobthecow/mustache.php ). It's a big piece just for a calculation plugin.

Hi,

You can do it like that:

const option = document.getElementById('xxx'); // where xxx is the id of the option dropdown
option.addEventListener('change', (event) => { // this will trigger the rest of the code when the option dropdown is changed
 console.log(option.value); // will output in the console the selected choice in the option dropdown
 const qty = document.getElementById('yyy'); // where yyy is the id of the quantity input field
 console.log(qty); // will output in the console the quantity entered by the user
 document.getElementById('zzz').value = 'aaa'; // will enter the value aaa in the custom item field input with the id zzz
});

Hi,

Well, the ids will differ based on what page you're looking at.
For example, on the page illuminated-manuscript/save-the-date-postcard of your website, there are two options with the ids hikashop_product_option_0 and hikashop_product_option_1, the quantity input field has the id hikashop_product_quantity_field_1 and the custom item field has the id fsw_quantity.
Note that the id hikashop_product_custom_item_value_36 is for the span around the input field.

Also, on the last line, if you keep the quotes around qty or quantity, it will display the text qty or quantity in the input field. If you want to display the value in the qty or quantity variable you need to remove the quotes.

Finally, in your code you use querySelector. In that case you need to use '#hikashop_product_option_7' and not just 'hikashop_product_option_7'

Hi,

The price with options displayed on the page is stored in a hidden input field with the id

hikashop_price_product_with_options_<?php echo $this->element->product_id; ?>

document.getElementById('fsw_quantity').value = calculated_price

The formula can contain tags which correspond to custom fields of the table 'product' or 'item' (like {length} for the length of a tissue the user wants to purchase, or {custom_text} for some text the user want to be printed on a T-shirt). These custom fields can be created in the menu Display / Custom fields of HikaShop. The tag {price} will be replaced by the price entered in the product/variant.<br/>The formula can also contain operations (like + or *), and some authorized PHP functions ( like strlen() or abs() ).<br/>Note that the result must be a number since it will be used as the price of the product.<br/>Finally, note that you can enter several formulas (for example, if you have different custom fields for different types of products and thus you need different formulas). However, only the first matching formula will be used for a given product price.

Hi,

1. To avoid the issue, you can change:
document.getElementById('hikashop_product_quantity_field_1')
by:
document.querySelector('#hikashop_product_quantity_main input')
That way, you always get the currently displayed input in the main quantity area of the page.

2. On the product page, you can use the quantity.checked javascript event to trigger your price calculation:
www.hikashop.com/support/documentation/6...ocumentation.html#js
For the cart / checkout, the simplest would be to make the quantity ready only (there is a setting for that in the cart view of the checkout workflow and in the cart module settings).
Otherwise, it would require developing a hikashop plugin implementing the www.hikashop.com/support/documentation/6...tml#onBeforeCartSave event to update the value in the custom item field with the price before the quantity is being updated.

Hi,

1. Well, I said to replace
document.getElementById('hikashop_product_quantity_field_1')
by
document.querySelector('#hikashop_product_quantity_main input')
The full line was:
const qty = document.getElementById('hikashop_product_quantity_field_1').value;
so you should have ended up with:
const qty = document.querySelector('#hikashop_product_quantity_main input').value;

I supposed you removed the .value when doing this and thus you had to add it back to make it work.

2. This was on me. Thanks for the feedback. I've updated the documentation to fix the code sample.

3. After changing the value in the input of the custom item field, if you want the "calculated price" to be refreshed by the calculations plugin, you need to add that line:

window.hikashop.refreshCalculatedPrice();

Hi,

3. I've made a new version of the calculations plugin to better handle the options' price. Please download again the install package of the plugin on our website and install it on yours and it should help.