Cart Feature Needed - Can yours?

weslinda · #1 (**permalink**) 08-13-2008, 06:00 PM

So, I've come across a few shops that have this feature. Where the options are highlightable via AJAX and no pull downs are needed to see sizes available and such. Anyone know of any affordable carts that might have this ability?

Big key is to be able to work in a clothing environment, so that you can have some grayed out if they are unavailable.

Page Example

Webnauts · #2 (**permalink**) 08-13-2008, 07:09 PM

Did you already check Ubercart! A free open source e-commerce shopping cart ?

**crankydave** · #3 (**permalink**) 08-13-2008, 07:26 PM

Have you looked at ShopSite?

It has the availability to work off of an on-hand/available inventory but I'm not sure if unavailable items are "grayed" out when not in stock.

The one thing I personally don't like about the inability to order an item that may be "temporarily" out of stock is that you will lose orders. Giving visitors the option of being able to order the item, either as a "backorder" or to contact a customer if they order something that happens to be out of stock, will and does increase sales.

I personally prefer the latter since the customer has already "committed" and I have used both approaches. Many times a customer is ordering months in advance of when they actually need it and fine when it comes to waiting. Precluding them from doing so is an automatic loss.

ETA... Also depends on whether or not it's a B-to-B or consumer site.

Dave

fulleffect · #4 (**permalink**) 08-15-2008, 07:28 AM

You can achive the same effect using javascript....

Code:

<html>
<head>
<title>Shopping Cart</title>
<script type="text/javascript">
<!--
  function sizeOption(str)
  {
    if(str=="small")
    {
      document.getElementById('small').style.display='';
      document.getElementById('medium').style.display='none';
      document.getElementById('large').style.display='none';
    }
    else if(str=="medium")
    {
      document.getElementById('small').style.display='none';
      document.getElementById('medium').style.display='';
      document.getElementById('large').style.display='none';
    }
    else if(str=="large")
    {
      document.getElementById('small').style.display='none';
      document.getElementById('medium').style.display='none';
      document.getElementById('large').style.display='';
    }
  }
-->
</script>

</head>
<body>


Sizes <br >
<input type="submit" value="Small" onclick="sizeOption('small');" />
<input type="submit" value="Medium" onclick="sizeOption('medium');" />
<input type="submit" value="Large" onclick="sizeOption('large');" />

<hr />

<b>Size:</b>
<span id="small">Small 10 GBP</span>
<span id="medium" style="display:none">Medium 20 GBP</span>
<span id="large" style="display:none">Large 30 GBP</span>


</body>
</html>

Daz

weslinda · #5 (**permalink**) 08-15-2008, 11:05 AM

I understand that something can always be written to achieve it. The key is to having to modify a cart to as small a degree as possible. Keeping upgrades simple and customers lives simple.