The scrolling mouse problem...

[george]

...customers changing their payment method in error by turning the mouse wheel while the payment option choices are still selected. Any way to make this `impossible to happen` when customers are placing orders?

[acompton]

Count me in on this one. Its the biggest cause of customer confusion. They think they've selected "Payment by credit card" and are surprised when the goods don't turn up. The savvy ones realise they should haven't been asked to enter their CC details and go back and try again. Some then wonder if they have placed the order twice. Some get peed off and go elsewhere.

Alan

[Mike Hughes]

I've had the same problem and even been told i'm talking BS when explaining that it's down to the scrolling mouse.

I have been thinking of putting a 'confirm' button next to the drop down menu for people to click on. It doesn't have to do anything. Just an image for people to click on to take the focus away from the drop down menu.

Mike

[oldhasbeen]

Me too! It's a nightmare - we have notices in our news and FAQs but of course people don't read anything that might be of use to them.

It's our main reason for having to phone customers - normally it's the expiry date for us, even though there is no need to scroll on this area of the page they still manage to do it.

[jont]

Add me to the list with annoyed customers.

Is there any way via a Javascript to force the page to refresh when the payment option is selected / changed? At least that would let the user know the form has been modified

[Mark H]

Might be a bit of a long shot, but let's get the ball rolling:

How about replacing NETQUOTEVAR:PAYMENTMETHODOPTIONS in ActOrder02.html template with some HTML (Google "Radio button HTML") which creates the appropriate number of radio buttons instead of a drop down. You would have to "hard code" your payment options so it wouldn't change automatically if method changes are made in Actinic, but it wouldn't take long to change manually.:)

Please back up ActOrder02.html first.............

[Kermy]

This minor change tells the browser to cancel the default action of the mouse wheel while a select box is in focus. Options can only be selected by clicks or the keypad, not by scrolling.

<select onmousewheel="return false">
...options here...
</select>

[cdicken]

I had a look at some other sites, and some of the larger ones use radio buttons for payment methods rather than a drop down list - probably for this reason.

There's a section in the AUG for using radio buttons instead of a drop down list if you wanted to try it out.

[Mark H]

Thanks Chris - page 64 AUG does indeed offer a more elegant solution than mine - clearly an RTFM problem on my part!:D

[bart]

Another alternative would be to use something simular to the code below

<form>
<select onchange="document.getElementById('btn1').focus()">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="button" id="btn1" name="btn1" value="click me" />
</form>

This code changes the focus a different field when a selection is made.
Actinic only puts in the name attribute so you need to fill in the id attribute and change the value "btn1" to for example "PAYMENTEXPYEAR".

[george]

I had a look at some other sites, and some of the larger ones use radio buttons for payment methods rather than a drop down list - probably for this reason.

There's a section in the AUG for using radio buttons instead of a drop down list if you wanted to try it out.

This looks like a decent alternative although it wouldn't cure any errors made by the scrolling mouse when the expiry date is still selected (after inserting the date required). Anyone got it up and running all the same?

Another slightly less obvious change would be to have in bold text, perhaps slightly above the `submit` button, something along the lines of "Please check all details are correct before submitting the order, and errors may cause a delay in processing". Not sure at the moment exactly where to paste the extra text though, act order4 or something?

[george]

This minor change tells the browser to cancel the default action of the mouse wheel while a select box is in focus. Options can only be selected by clicks or the keypad, not by scrolling.

<select onmousewheel="return false">
...options here...
</select>


And where exactly would one insert this cheeky wee piece of code (so it only applied to the page in question, not the entire Catalog)?

[cdicken]

Go to 'Design | Text', click 'Go to' and enter an ID of 1951. You should highlight<select name='PAYMENTMETHOD' size="1">Add it in there.

[george]

Go to 'Design | Text', click 'Go to' and enter an ID of 1951. You should highlight<select name='PAYMENTMETHOD' size="1">Add it in there.

That works for the Payment Method, but not the Card Choice, Start, and Expiry Dates.

Added to the various`select` codes within act order 02. Uploaded and all seems to be fine.

A recommended tweak.

[acompton]

Anyone got it up and running all the same?
I implemented the AUG page 64 mod. as suggested. It was done in a couple of minutes and I haven't had a repeat of the 'wrong payment method' problem since.

Alan

[jxm28788]

I've just implemented this and there appear to be a problem with it:

When not logged in (ie. in most cases), none of the options are selected - so if the user then presses next without selecting one it just seems to choose the 'pay by cheque' option (perhaps because it's last in the list?) which is the problem I was trying to avoid in the first place!!! Is there a way to select one by default?

[jxm28788]

I just tried swapping the payment around in actinic, but in the checkout bizarrly it still chooses the 'pay by cheque' option... :confused:

any ideas?

[Mike Hughes]

It sounds like you have two problems.

1. Is the scrolling mouse problem which this thread addresses and I assume is now fixed.

2. Is a default payment method being selected when no action is taken by the user.

To change the default to one of your choice you'd have to somehow add a 'selected' tag to that option. I'm not sure if this is possible but I'm sure it wouldn't take too long to try a few things and see if it can be done.

Mike

[jxm28788]

yes, the scrolling problem is fixed, but none of the options are selected in the radio buttons and if next is pressed without selecting one it always chooses the wrong one (no matter what order they appear in).

if the user is logged in however, then their default payment method *is* selected by default.

but most of mine customers don't have accounts...

[Mike Hughes]

It is strange that actinic doesn't select the first one by default. Looking at my checkout I can see that they use the 'selected' tag on the first Delivery option during checkout but there's no 'selected' tag on the payment options.

Perhaps actinic missed it?

Mike

[jxm28788]

the question is... can it be fixed? or can it at least be fudged so that it picks the 'right' one if the user doesn't select...?

[Mike Hughes]

I can't see how to change actinics behaviour so that it only adds the selected tag to one of the payment options.

The way I would do this is:

1. Look at your checkout page and you'll see a number of options in the 'PAYMENTMETHOD' select that start something like:

<SELECT NAME='PAYMENTMETHOD' SIZE='1'>
<OPTION VALUE='9'>Credit/Debit Card
Copy the option you want as the default, add a 'selected' tag so that it now says

<OPTION SELECTED VALUE='9'>Credit/Debit Card

and maybe some 'default' description so that it now says

<OPTION SELECTED VALUE='9'>Credit/Debit Card (Default)

Now take this and go to actinic>Design Text and search for PAYMENTMETHOD until you find this bit:

<SELECT NAME="PAYMENTMETHOD" SIZE="1">

and add the option text to the end so that it now says

<SELECT NAME="PAYMENTMETHOD" SIZE="1"><OPTION SELECTED VALUE='9'>Credit/Debit Card (Default)

Now your payment drop down will have the default selected as described.

The default option is an extra option so you might want to add some text to the original one that says 'as above' if you think it might confuse people.

Mike

[jxm28788]

I think it would be more confusing to have two options that are the same...

Actinic - is there a solution for this...?

[cdicken]

It's not a solution - but as a workaround you could manually hard-code the whole list rather than leaving it up to Actinic.

How often do you change your payment methods?

[jxm28788]

I don't change them, but a different selection is displayed depending on whether or not the customer i slogged in or not... I guess that would be difficult to hardcode.

[cdicken]

You are right there - sorry about that. I don't know what the best solution would be in your case.

You could do the advanced user guide fix and change the drop down list to radio buttons - this would definitely stop the scrolling issue.

[jxm28788]

you could do the advanced user guide fix and change the drop down list to radio buttons - this would definitely stop the scrolling issue.I did! It's the radio buttons that have the 'no default' problem...

[cdicken]

Oops - sorry. In that case I am out of ideas I'm afraid.

[hobuk]

I had this problem when I used the radio buttons in v7, however when I upgraded to v8 it solved itself, not sure how, but if the customer neglects to select an option, it reloads the page with errors telling them to select there payment method.

When I was running v7 I entered some text and the Protx logo to explain to people to select a payment method, this is still displayed if you want to take a look.

[wjcampbe]

John,

Might it be something you could do with a bit of javascript (maybe amend some of Kermy's Capitalise code).

In pseudo code

if radiobutton.selected = "" {alert('You must select a payment method"); }

[Mike Hughes]

This appears to be one of those things that Actinic can do but no-one realises it. See this thread: http://community.actinic.com/showthread.php?t=30578

I would suggest setting the 'cheque' option as a 'Fallback', this will prevent it from happening again because if no payment method is selected then it will default to the fallback option.

Mike

[gabrielcrowe]

solution:

its to do with the focus of the dropdown being retained on the dropdown after a selection is made.

shift the focus to another item as soon as a choice in it is made.

[Mike Hughes]

The problem in the recent posts in this case wasn't to do with the focus but rather that the wrong option (not the first one displayed in a drop down box or radio buttons) was being selected by default if the user was happy with what was shown so didn't select anything.

Selecting the preferred payment option as 'fallback' should fix this.

Mike

[gabrielcrowe]

if radiobutton.selected = "" {alert('You must select a payment method"); }

dxhtmlphpscript?

:cool:

[Mike Hughes]

Ah Gabriel, where were you two months ago? :)

Mike

[george]

Just managed to do this for v8, I'll post the soloution later.


Also managed to "freeze" the country selector. :)