Price not updating when variations are selected (custom product display)

[GWslade]

I like the Fancy display options, but they don’t quite match the general style in my site, so I would like to customize my own display.

Basically what I am looking for is to display a combination of Fancy 1 and Fancy 2 with curved border. What I like about fancy 1 is the variations and Collect Customer Input each on a separate line, Yet what I like about Fancy 2 is the price is displayed last.

Each site has specific needs and there cannot be a fancy code for each need, so it makes sense to be able to display each component of the product and manipulate it as you wish. This is what I have done below.

<div style=”width: 550px; height: 250px; padding: 5px; border: 1px solid #000000; border-radius: 5px;”><img class=”alignleft size-thumbnail wp-image-80″ alt=”shutterstock_97072385″ src=”http://travelersmobile.com/wp-content/uploads/2013/05/shutterstock_97072385-150×150.jpg&#8221; width=”150″ height=”150″ />

[wp_eStore_product_details id=12 info=”name”][wp_eStore_product_details id=12 info=”description”]

[wp_eStore_add_to_cart id=12]

<p style=”text-align: right;”>Price: [wp_eStore_product_details id=12 info=”price”]</p>

This can be seen on my test page (Note this link will go invalid once the issue is resolved.)

[http://travelersmobile.com/test-2/]

It still needs a lot of tweaking to get the look just right, but the main problem is when the variation is selected, the price is not updated in the display.

Any ideas?

[wpCommerce]

Hi, Please make sure to wrap your custom product display code with the “eStore-fancy-wrapper” class. Here is an example snippet:

<div class="eStore-fancy-wrapper">

//your custom product display code

</div>

[GWslade]

That did not change anything, the price is still not updating when the variation is selected.

[admin]

It is adding the total correct amount when you add to the shopping cart. If you are referring to the price value to update dynamically when a variation is selected then that part is done via JavaScript so it needs the price amount to be in a class named “eStore_price_value”. So show the price value like the following:

<span class="eStore_price_value">[wp_eStore_product_details id=12 info="price"]</span>

[GWslade]

Perfect, Thank you so much.

[hoangh4]

Dear GWslade,

I have set up my price display fomart (currency position: “right”; thousand seperator: “,”; number of decimals: “0”) and then it wokrs OK on display. But after select other variation options, the final price auto-changed to default format, please check this site: [http://bizpro.vn/dang-ky-ten-mien]

Other question is How can I change “price lable” or “quantity lable” to my custom language same as “add to cart” button.

Thanks!

[admin]

What version of the plugin are you using? Can you please try doing the following:

https://support.tipsandtricks-hq.com/forums/topic/re-install-or-load-a-fresh-build-of-the-plugins

See the following post to learn how you can translate:

https://support.tipsandtricks-hq.com/forums/topic/plugin-language-translation

[hoangh4]

We are using Version v7.0.8 eStore plugin, it’s very new. Please check the error “price display fomart” after selecting other variations (+ add). You can check this site again: [http://bizpro.vn/dang-ky-ten-mien]

Thanks.

[wpCommerce]

@hoangh4, there was a minor bug in the plugin which we just fixed. It should now change the position of the currency when you select a variation. I have sent a copy of the updated plugin to your registered email address. Let me know if you don’t receive it.

[hoangh4]

@wpCommerce, I’ve re-uploaded your plugin, The price is not adjusted (instant update) on screen after select several variations, check again [http://bizpro.vn/dang-ky-ten-mien]

It only shows price in total on shopping cart after hit [add to cart].

Thanks.

[wpCommerce]

@hoangh4, It looks like you are using fancy 13. So you will also need to update the extra shortcodes addon plugin:

http://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460

[hoangh4]

@wpCommerce, Another error of numberic display.

Currency in my country is very long. When I set a price of a produts with 5 figures ≥1.000.000đ (1 million vietnam dong). It automaticly cuts down 3 tail figures on price display.

For example: Assign a Price 5.940.000 đ, but It only shows 5.940 đ on display after add variations and in the shopping card as well, check here: [http://bizpro.vn/testing-estore]

By the way, please aslo fix again display of price fomart after adding a variation as setting 5.940.000 đ, not like this 5940000,00 đ. One more error, only fancy 13 style is not instanly updated price display after add varitations, other fancies are Ok.

Thanks!

[wpCommerce]

@hoangh4, It should be fixed now. I have sent you the updated copy via email. Let me know if you don’t receive it.

[hoangh4]

Thanks @wpCommerce,the thousand figures error is fixed now.

As mentioned above, please also fix again display of price fomart after adding a variation as setting 5.940.000 đ, not like this 5940000,00 đ, check again [http://bizpro.vn/testing-estore]

One more error, other fancies are Ok, but only fancy 13 style is not instanly updated price display after add varitations, check this [http://bizpro.vn/dang-ky-ten-mien]

Regards.

[wpCommerce]

For some reason the extra shortcode addon did not update on our site. Please download and install a fresh copy of the extra shortcode addon:

http://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460

[Author]

Posts