Product fields variation without page load

[wkmaster1985]

Dear team,

I use the Woodmart theme in my shop.

Link to my product page:
see “Private Content”

My problem:
When a user selected a color and “Veredelung”, then clicks “Anfrage stellen” (= “Add to cart”) and forgot filling in a further product field such as “Grösse und Mengen”, the page reloads and only the field color has the value formerly entered. “Veredelung” is blank again and does NOT keep the formerly selected option.

My goal is either:
1. the page reloads and the fields have the values formerly entered.
OR
2. the page does NOT reload but a notification appears that a field is empty.

How do I achieve one of these goals?

I created an admin account for you so that you can have a look into my website (see “Private Content”).

Best regards
Chris

• This topic was modified 3 years, 4 months ago by wkmaster1985.

The password has changed. Please see the updated password in the private content section of this comment.

Hello,

Please deactivate all the plugins except these ones:

Slider Revolution
Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

Switch to the parent theme and check the issue.

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

You need to update the plugins.

Best Regards

Hello,

thank you very much for your support.

I found out the problem is caused only by fields that were created with the plugin Advanced Product Fields (APF). Only the field “Farbe” comes from the WooCommerce core, whereas “Veredelung” and “Grösse und Menge” come from the APF plugin.

According to the plugin documentation once a field is marked required the page does NOT reload when the user didn’t provide any input and clicks “Add to cart”. You can see an example here:
https://product-demo.studiowombat.com/product/wooden-window-configurator/

So there must be some problem with your Woodmart theme.

Or can you recommend another product fields plugin that is compatible?
Again my goal is either:
1. the page reloads and the fields have the values formerly entered.
OR
2. the page does NOT reload but a notification appears that a field is empty.

Update:
I turned on “Ajax add to cart” on.
Please check http://shirtbomb.websolutions-kress.de/produkt/e190-women/.
Select “Farbe”.
Select an “Veredelung” option.
Click “Anfrage stellen” (= “Add to Cart”).

The error message that field input is missing appears in orange on top of the page.
The button “Add to Cart” is disabled and mistakenly does NOT get enabled again when the missing input is filled out.

Could you please have a look?

Link and WordPress account details see in the private content area of my first post.

I highly appreciate your support.

Best regards
Christian

Hello,

Please try to deactivate AJAX add to cart feature in the Theme Settings > Single Product > Add to cart options > AJAX Add to cart

If you have any questions please feel free to contact us.

Best Regards

Hello Elise,

I had this feature deactivated before.

Why does your theme create the following problem with ajax activated:
The button “Add to Cart” is disabled and mistakenly does NOT get enabled again when the missing input is filled out.

I kindly ask you to have a closer look. I paid much money for your theme and therefore would be happy about further assistance. I am considering another using another theme for my future WooCommerce projects if Woodmart does not provide a working add to cart ajax functionality if further product fields are added to a product page.

Best regards

Additional info:
This is what the support team of the “Advanced Product Fields For WooCommerce” just wrote me:

I was able to see the behavior, it seems that the “Ajax add to cart” functionality of your theme does not allow users to hit the add to cart button once the error shows up. Please note that this functionality will be up to your themes developer how it behaves and in this case it is not allowed to click on the add to cart button.

With that being said, we would recommend you to reach out to your theme developer and kindly ask them if they can rule out that behavior. I believe once they have ruled it out you it is the behavior you are looking for.

There is an issue with your theme.
I kindly ask you to solve my problem.

Hello,

Unfortunately, AJAX would not work if you add additional fields if the values of the field are not saved, please make the full backup of your site and check the issue on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by WooСommerce.

Best Regards

[Author]

Posts