Shopping Cart

[border9]

Ok, this is my first showing of something I've done, so please be gentle. I know its not perfect and i know that some other people would do things more different then i do, but i think its pretty cool to start with.

Website Address: www.bochettiremodeling.com/buynow (http://www.bochettiremodeling.com/buynow)
login: demo
password: demo

Please let me know what you think.

http://www.bochettiremodeling.com/images/shoppingcart.jpg

[jay@moduscreate.com]

I've investigated this path in 2006 back when yui-ext existed. Your problem will be SEO and usability. Most shoppers are used to amazon-like stores.

good luck.

[border9]

Yeah, but i've made it so dumbed down that if they have an issue with it they are a complete , the point is to put everything in one spot rather then haveing to go to multiple different pages to order something.

That and its specific for one company, but at the same time can be modified to be used by others, but the way i have it layed out is so that they can have Multiple items under the one specific category.

IE diffrent kinds of items for a specific kind of cabinet door.

Ive got about 2 months into this project so far, and it seems to work out pretty good, i havent found any hardcore bugs in the format as of yet.

Also with SEO the advertising will be for the MAIN site not the shopping cart portion. This is just where they come to buy the items, not to actually look at them.

Thanks for your feedback :)

[jay@moduscreate.com]

just a suggestion - if you can, remove the ajax requests for removing an item from the cart. it's annoying.

[border9]

What do you mean?

When you click on Delete, it updates the store and the total at the bottom.

the only issue im having right now is when you delete everything, it still shows one item in there and i cant seem to get the override to work and clear the form if nothing is showing from the database.

[jay@moduscreate.com]

http://tdg-i.com/img/screencasts/2009-08-14_1013.swf

[jay@moduscreate.com]

What do you mean?

When you click on Delete, it updates the store and the total at the bottom.

the only issue im having right now is when you delete everything, it still shows one item in there and i cant seem to get the override to work and clear the form if nothing is showing from the database.

? try store.removeAll()

[border9]

hmm. . . i removed it but its still showing up.


function removeRecord(value) {
Ext.Ajax.request(
{
//waitMsg: 'Removing Item...',
url: 'php/shoppingcart.php',
params: {
task: "remove",
key: value
},
failure:function(response,options){
Ext.MessageBox.alert('Warning','Oops...');
},
success:function(response,options){
shoppingcartStore.reload();
checkoutform.setSrc();
shoppingcarttotal.load({
url:'php/JSONshoppingcarttotal.php'
});
}
}
);
}

That is exactly what happens when you click the cell to delete the item.
here is the cell.


this.cellActions = new Ext.ux.grid.CellActions({
listeners:{
action:function(grid, record, action, value) {
removeRecord(value);
}
},
align:'left'
});

[jay@moduscreate.com]

taht's because you're reloading the store dude :)

[jay@moduscreate.com]

The best paradigm (lightest weight) is to remove the record that the action was taken on *after* the ajax request returned true. You you have a reference for it, just pass it into your removeRecord method as a second param

[border9]

yes, but to get accurate number of items in the store it needs to be reloaded, does it not?
its temp saving those items to the database and then removes them when you decide to delete them, so if you get disconnected, or leave the page or come back they will be there till they are removed.

Is there a better way to do it, and other then that how does it look?

[border9]

loadMask : false,

Now its not so annoying :)

[ajaxvador]

good job

suggest: use DnD for add to cart
disable menu grid in cart panel.
use XTemplate for product selection


good luck,

[border9]

good job

suggest: use DnD for add to cart
disable menu grid in cart panel.
use XTemplate for product selection


good luck,


Thanks, i think DND might be too complicated for the average person, but disabling the menu grid might be an idea, as well as removing the lines.

Thanks for the ideas :) and I'm not 100% sure what XTemplate is exactly. Ive been looking and haven't found any solid information on it.

[jay@moduscreate.com]

Actually, DND is more intuitive.

I'm writing a chapter on DND right now, and it's everywhere GUI, except most web apps/sites.

[border9]

Yes, i understand that but the every day person doesn't understand the concept, they understand add to cart button more then they would dragging the item to the cart itself.

But i do understand what you are saying, if i was building it for a select amount of people to use sure, that would make sense but to have 1000s of people using it, i don't think they would like it.

[jay@moduscreate.com]

to be honest, I don't see 1000s of people liking the full web application approach to a shopping cart. But that's me and the limited experience i have with ecommerce.

[jay@moduscreate.com]

Btw, please do not take my comments as negative. Just providing constructive feedback where I think it might be of some value. :)

[border9]

I'm no and i appropriate it, i just wanted to give the Shopping Cart Exp a little different twist, i hate having to go to 20 different pages to order something, and this way everything is in one little system that loads fairly quickly and everything is viewable.

I hate the idea of a customer getting frustrated with trying to navigate a shopping cart and leaving, this way all they do is click add to cart, and finish the order all in one area, its built to be viewed with 1024 res so out of the box computers can view it, as far as i can see it functions on every browser.

[ajaxvador]

if you want I could contribute in your project ... and give you some ideas

[ajaxvador]

Thanks, i think DND might be too complicated for the average person, but disabling the menu grid might be an idea, as well as removing the lines.

Thanks for the ideas :) and I'm not 100% sure what XTemplate is exactly. Ive been looking and haven't found any solid information on it.


For the printing add export module to PDF, it's very important for costumers;

[border9]

That might be a good idea, as of right now i have the CSS setup so it should print out as its seen on the form.

Thanks for the ideas :) really appreciate them.

[franklt69]

where I set the product quantity?

regards
Frank

[border9]

I havent added that as of yet, right now you would just select as many of x product you wanted.

Eventually ill add in the ability to turn 1 item into multiple.

[border9]

"border9" has left the building