logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error

Options
Go to last post Go to first unread
Joe Payne2  
#1 Posted : Tuesday, September 7, 2021 2:00:42 PM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
Many of the products have 3, 4 or even 5 option dropdowns for all of the variant choices.

We're seeing noticeable lag in the postback after a dropdown selection is made. So much so that the shopper can actually be in the middle of choosing the next dropdown choice when the control unexpectedly refreshes. This disrupts the selection process on that control. Since it happens on every dropdown, the issue quickly frustrates the shopper.

Is there a possible workaround?

We're fine with the shopper being forced to make linear dropdown choices. We just don't know how to identify the dropdown controls in play and where in the sequence of dropdowns the shopper currently is.

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.

shaharyar  
#2 Posted : Wednesday, September 8, 2021 3:15:14 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 704

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
A solution could be to block the UI until the widget refreshes. For this, you can add some scripts or HTML element attributes.

Here is an example that I found
https://stackoverflow.co...adonly/36586206#36586206
Joe Payne2  
#3 Posted : Wednesday, September 8, 2021 5:07:59 AM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
Thank you for the example link. That was my thought as well but I couldn't think of a way to easily do it.

So basically wrap all the option dropdowns being rendered in one fieldset, then modify the onchange() in app.js to disable the whole fieldset after a selection is made. The postback fires, the AJAX refreshes the controls and now the dropdowns are unlocked again. Am I on the right track?

Joe Payne2  
#4 Posted : Wednesday, September 8, 2021 8:03:55 AM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
Unfortunately this does not work. A disabled form control will not pass it's value to the controller in the postback.
shaharyar  
#5 Posted : Wednesday, September 8, 2021 9:00:19 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 704

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
Try disabling the form feild after submit is called. You will have to define ajax onBegin function where you will disable the fields and in onSuccess you will enable the fields.
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.