codasys

@ridwan62
The previouse post show my settings. If I inspect your website I see that it should als be

span.woocommerce-Price-amount.amount
img.woocommerce-main-image.img-responsive

As @moomooagency suggested in the 2 post above your side also uses zoom functionality and no price amount field is visible. Maybe try it with default settings
1. Simple product picture (no gallery, no zoom etc).
2. Make the amount visible (remove the calulate button for first setup)

If it then works you can try what happens if you activate more and more functionality.

Please remeber that I’am not the author of the UNI-CPO plugin, nor of the Proto Template

• This reply was modified 4 years, 2 months ago by codasys.

Hi donbloothoofd,

I’m not pretty sure what so curious about my snippet, but YES it works.
The solution was written down by moomooagency (except that his code uses backtick instead of single qoute/double quotes)

jQuery(document.body).on(“uni_cpo_set_price_event”, function(e)
{
// List of parameters
console.log(“DEBUG: uni_cpo_set_price_event triggered, get values”);
const width = Number(jQuery(“#uni_cpo_myvalue-field”).val());
…..
// or do something with e
})

Regards

Hi,

also I post our solution here, which works for us

Go into WooCommerce –> UNI CPO Setting page and set the following values

Product price html tag: span.woocommerce-Price-amount.amount
Product picture html tag: img.woocommerce-main-image.img-responsive

Not sure why we need to add the dots on the price html tag, but it works.
The formula we set as the UNI CPO example video shows (width and height) works now. The product price updates.

What we figured out ist that the calculation take a little bit long time.

Our first problem was to get the customized fields of UNI CPO visible. But this was because the default value for “viibility” is OFF.

Cheers

Hi,

we also make the decission to go with the Proto theme and UNI CPO.

Late solution, but maybe anyone need the information also.

What fixes this is to change the prodcut picture html tag on the WooCommerce –> UNI CPO Settings Page to
img.woocommerce-main-image.img-responsive

Regards