Rank: Administration
Joined: 4/2/2004(UTC) Posts: 2,393 ![United States]( "United States") Location: Hummelstown, PA Thanks: 6 times
Was thanked: 163 time(s) in 158 post(s)
|
Hmm, I keep forgetting that BV 5 removed the "value" field for product choices. In other words, whatever is visually displayed on the product page will be what is displayed on the cart page. It's still doable to use one field, but as Matt points out, things will get weird. It would be easy enough to hide the extra text on the cart page, but ultimately this content will still be displayed somewhere, such as in the the order emails. Granted, if the markup and content are constructed carefully, it could still make sense when viewed in these other contexts. It would just require a lot of testing.
On the table for a future service pack is to add the "value" field back into BV 5. I'm all for this one. |
Aaron Sherrick
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012 |
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Actually Matt, getting this extra info on the cart page is not a bad idea. Better to see:
EKG Model 22
Option A204-CB - All that comes with it, parts, pieces, cables, text text text, etc.
Than:
EKG Model 22
Option A204-CB
The point of the cart page is to confirm the shopper's choices before proceeding. Health care machinery is complicated and seeing what you've decided to buy all the way through the process makes sense.
Brian, ...why I am in favor of leaving the information that's tied to choices in one place on the page (not hidden in drop-downs)?.... As a shopper, I don't want to guess at anything nor look in too many places for important information... I might miss something or decide to shop where I feel safe making choices because everything is out in the open. Longer page length is OK if the information is accurate, important and useful. IMHO, people don't want to hunt for information, simple is better. You've already discovered this with the "Ordering Option" button.
Slight side discussion..... how will a shopper print the specs for a product and the options offered in the event side-by-side comparisons need to be presented to the boss or submitted for approval, if the information on choices is closed up behind drop-downs or fly-outs?
OK, back in my box. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Administration
Joined: 4/2/2004(UTC) Posts: 2,393 ![United States]( "United States") Location: Hummelstown, PA Thanks: 6 times
Was thanked: 163 time(s) in 158 post(s)
|
Originally Posted by: "MitchA"  Slight side discussion..... how will a shopper print the specs for a product and the options offered in the event side-by-side comparisons need to be presented to the boss or submitted for approval, if the information on choices is closed up behind drop-downs or fly-outs? Use the print style sheet to un-hide the content when printing. |
Aaron Sherrick
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012 |
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
I'll assume that will work for tabs too. Now that is a great tip. Thanks. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
Originally Posted by: "MitchA"
Actually Matt, getting this extra info on the cart page is not a bad idea. Better to see:
EKG Model 22
Option A204-CB - All that comes with it, parts, pieces, cables, text text text, etc.
Than:
EKG Model 22
Option A204-CB
The point of the cart page is to confirm the shopper's choices before proceeding. Health care machinery is complicated and seeing what you've decided to buy all the way through the process makes sense.
Brian, ...why I am in favor of leaving the information that's tied to choices in one place on the page (not hidden in drop-downs)?.... As a shopper, I don't want to guess at anything nor look in too many places for important information... I might miss something or decide to shop where I feel safe making choices because everything is out in the open. Longer page length is OK if the information is accurate, important and useful. IMHO, people don't want to hunt for information, simple is better. You've already discovered this with the "Ordering Option" button.
Slight side discussion..... how will a shopper print the specs for a product and the options offered in the event side-by-side comparisons need to be presented to the boss or submitted for approval, if the information on choices is closed up behind drop-downs or fly-outs?
OK, back in my box.
MitchA, Again the problem is that drop down menus do not wrap around. The second problem is displaying a "paragraph" of text as an option for radio buttons. Saying "Health care machinery is complicated and seeing what you've decided to buy all the way through the process makes sense." is not entierly true. It is way too cluttered on the product, shopping cart, emails etc. It does need to be shortened. Also, as what Matt said, there is no other field with product choices to describe what they are selecting.
However, what Matt showed is a nice layout for radio buttons, and im all for it. OOTB, not going to happen. Cost, who knows. What im currently working on, no cost. I just cant get the call back of the drop down to work.
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
Originally Posted by: "BV Customizer" Originally Posted by: "I got it to select the option, but i cant get it to call back and change the price. however, when i hit add to cart, it does add the correct option to the cart and THEN change the price. That's where im at, i just need it to call back and reflect the correct price."
(replace this text with what was said)
<SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US">There could be several approaches to achieve this:<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p> <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US">1. Emulate callback by calling appropriate function of dropdown selection changed event. I'm not aware of anthem control because use Telerik in my projects but think this could be achieved. Here is anthem's website<o:p></o:p> <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US">2. Place some anthem hidden button on the product page. When the user chooses some option the button click is emulated. In code behind just run the code for changing prices. There have to be already one.<o:p></o:p> <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US"> <o:p></o:p> <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US">Good luck <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US"> <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US">Dmitri<o:p></o:p> looks a bit over my head...
|
|
|
|
|
|
Rank: Member
Joined: 9/26/2008(UTC)
Posts: 121
|
Bryan, About the second one. <anthem:button id="btnCallBack" runat="server" EnableCallBack="true" style="display:none"></anthem:button> Add javascript code into product description like: function ChooseOption() { ...//some code to choose appropriate dropdown value. var btnCallBack = docuemnt.getElementbyID('<%=btnCallBack.ClientID%>') btnCallBack.click(); } Hope this helps |
|
|
|
|
|
|
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
Hey mitch, in the broad sense, you're right about extra information being included. However, it could get seriously cluttered (in bryan's case) and more to what Aaron picked up on is the amount of mini-hacks we'd have to add to take care of certain displays on certain pages. It'd be PITA... but break out the receipt of the last computer you bought online. It's all there.
Kitting would absolutely work for this, but not for Bryan, let's say the product had only 4 choices and the explanations are thin. All radio buttons, short description. Perfect. Assign the kit to a template where plenty of space is provided for proper presentation of the options.
In Bryan's case, I think one choice alone could use a 40 page manual....LOL...
At the end of the day, I would setup a template that had an anchor link within the product controls to the tune of "about These Choices" or "More Info" and dedicate a portion of the long description to the full explanation of each choice with a graphic button "Purchase This Option" that did three things when clicked:
1. Direct the user back to the top of the page
2. Make the proper selection in the dropdown box
3. Display a "Your Choice Has Been Selected, Click Add To Cart To Continue" message (like the Success Message if not redirecting to the cart) |
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
Yeah i really like the use of radio buttons, but these product descriptions are just way too long to be viewed on cart, receipts email pages etc. I want to give the customer the most information as possible so they know exactly what they are ordering and MitchA's and Aaron's idea of using a radio button with Matt's way of displaying it would be awesome, but it'll cost some $$$ to get it going ;)
Im going to take a look at the code above to see if i can get something working.
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Waxing philosophic......
I guess in a broad sense the question we all ask ourselves as we set up products... If I do this, will I make at least one more sale than if I didn't? "This" in this case can be anything from a flash animation, to a link to an off-site page, to a ream of text nicely formatted but so long that nobody will ever sit and read it. (Ever get a phone call asking for information that's already in a measly 6 sentence description? - Yes.)
I'm constantly aware of something I found out in 1976. I used to re-upholster new and antique cars and if I gave the client too much to think about, I lost the sale due to brain-lock.
So, when someone said to me "OK, let's schedule it", I stopped showing him the fabric choices that he could still be choosing from today.
Brian, what you're working on could be a cool tool. Maybe it'll end up in BVC6. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
Originally Posted by: "BV Customizer"
Bryan,
about the second one.
<anthem:button id="btnCallBack" runat="server" EnableCallBack="true" style="display:none"></anthem:button>
Add javascript code into product description like:
function ChooseOption()
{
...//some code to choose appropriate dropdown value.
var btnCallBack = docuemnt.getElementbyID('<%=btnCallBack.ClientID%>')
btnCallBack.click();
}
Hope this helps
Im so brain-dead right now... How do I emulate the button click form the anthem:button when a user clicks an option? Code:
<script[b][/b] language="javascript[b][/b][b][/b]">
function changeSelect(x) {
document.aspnetForm.ctl00$MainContentHolder$VariantsDisplay$modifierTemplate1$ModifierList.selectedIndex = x-1;
var btnCallBack = document.getElementbyID('<%=btnCallBack.ClientID%>')
btnCallBack.click();
}
</script[b][/b]>
<a href="javascript[b][/b][b][/b]:changeSelect(4)" >Option 4</a>
<anthem:button id="btnCallBack" runat="server" EnableCallBack="true" style="display:none"></anthem:button>
|
|
|
|
|
|
Rank: Member
Joined: 9/26/2008(UTC)
Posts: 121
|
The code I provided should work on the page but should not if placed in product descript ion. To make the code work you need to address the button directly by id. Also note the anthem button should be placed on the product page template but not in the descript ion. So add Code:
<anthem:button id="btnCallBack" runat="server" EnableCallBack="true" style="display:none"></anthem:button>
into product.aspx of your template. And in product descript ion you will have the code like: Code:
<script[b][/b] language="javascript[b][/b][b][/b]">
function changeSelect(x) {
document.aspnetForm.ctl00$MainContentHolder$VariantsDisplay$modifierTemplate1$ModifierList.selectedIndex = x-1;
var btnCallBack = document.ctl00$MainContentHolder$btnCallBack;
btnCallBack.click();
}
</script[b][/b]>
where ctl00$MainContentHolder$btnCallBack is id of the call back button. |
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
im pretty sure i got it to work. Thanks so much <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US">Dmitri... there were just a few things i need to change. Other than just being able to select from the frist option menu because "ctl00$MainContentHolder$VariantsDisplay$modifierTemplate1$ModifierList" (which i dont know how to truely select from each dropdown list)... any flaws? <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US"> <SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US"> Code:
<script[b][/b][b][/b] language="javascript[b][/b][b][/b][b][/b][b][/b]">
function changeSelect(x) {
document.aspnetForm.ctl00$MainContentHolder$VariantsDisplay$modifierTemplate1$ModifierList.selectedIndex = x-1;
document.all("ctl00_MainContentHolder_btnCallBack").click();
}
</script[b][/b][b][/b]>
<SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US">
<SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US"><SPAN lang=EN-US style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; mso-ansi-language: EN-US">
[code]
<anthem:button id="btnCallBack" runat="server" EnableCallBack="true" style="display:none"></anthem:button>
[code]
<a href="javascript[b][/b][b][/b][b][/b][b][/b]:changeSelect(4)" >Option 4</a>
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
1. Direct the user back to the top of the page 2. Make the proper selection in the dropdown box 3. Display a "Your Choice Has Been Selected, Click Add To Cart To Continue" message (like the Success Message if not redirecting to the cart) 1. Works Correctly 2. Works Correctly 3. Works ok, but, is a "alert " box instead of on the page. http://www.medsupplier.com/Products/Burdick-Atria-3100-EKG__1222-A31-1EK01.aspx Next i am creating a "purchase this option" when you rollover the option you want.
|
|
|
|
|
|
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
Looking good bryan!
You're changing the background color. Make an image like "Click To Purchase" and make a background image (top, right) on the hover.
May have already thought of that though :)
I think adding, "Click Add To Cart To Continue" or something of the like is needed for the alert box. Gotta lead the horse to water... |
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
hmmm... i used a mootools tool tip. When i hover over the first item it shows up. When i click on the first item, everything works properly. If i expand the ordering information list again, and hover over the first item the mootools tool tip DOES NOT show up...
It has something to do with window.addEvent('domready', function()
|
|
|
|
|
|
Rank: Member
Joined: 9/26/2008(UTC)
Posts: 121
|
Nice to help Bryan. Several things to note: 1. Check out the layout on IE6. The options descript ion expand link is not visible, no item image etc. 2. No item price. Possibly you hide it but I think people need to know the price of what they are purchasing. 3. Its better not use document.all to reference page elements. Use document.getElementById instead. http://javascript.about.com/od/hintsandtips/a/worst_4.htm Please note if you are losing too much time on this we can always help to achieve what do you want for really affordable price. To learn more visit us at www.software-development-innovations.com or contact me on support at software-development-innovations.com Dmitri |
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
1. I know. i havent tested in IE6. Thanks.
2. I am not allowed to show a price due to a MAP policy. I only can have "login for price" or "add to cart for price"
3. I know nothing about JavaScript so I will take a look at that. thanks!
Now if i can just get my DOM refreshed so my MooTools Tips work correctly when with the AJAX callback.
|
|
|
|
|
|
Rank: Member
Joined: 9/26/2008(UTC)
Posts: 121
|
You are welcome.
Are you sure you need to refresh the DOM or page to make MooTools Tips work correctly? Possibly there is just integration issue. |
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
i know other people are having the same problem with it. As soon as you do a callback the tool tips will not show up again.
|
|
|
|
|
|
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.