Click here to Skip to main content
15,881,882 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Take a look at this shopping cart.

https://www.pressedjuicery.com/products/juices[^]

You can click the "+" to add the product to the above shopping cart that allows 6 items.

How would a person go about creating something like this?
Posted
Comments
Zoltán Zörgő 20-Jan-15 16:08pm    
Yes, it is an interesting approach for a cart. But what is your question exactly?
Member 11389483 20-Jan-15 16:11pm    
Wondering how it can be made? It's very minimalist and appears simple. What is it made of? Code?
Zoltán Zörgő 20-Jan-15 16:15pm    
Of course. It is just javascript, mainly JQuery with CSS3. And of course the idea of a good designer.
Member 11389483 20-Jan-15 16:20pm    
If I were to research more of this how would I go about describing what type of cart this is called? Thanks for all your help !
Zoltán Zörgő 20-Jan-15 16:22pm    
I don't think it is a specific type. Just describe what you want / or you have seen.

It is either good use of scripting language or could be a server side language with Ajax calls.
 
Share this answer
 
You can learn a lot by looking at the source (View Source) in the browser. You can often see what js files were imported and also the CSS to make it work that way.

You could also email the webmaster and see if they'll tell you what framework, if any they used, but I wouldn't count on getting a response.
 
Share this answer
 
Comments
Member 11389483 20-Jan-15 16:37pm    
I have checked that out and it appears they use an addthis.com widget to add it to the cart. However, what is the cart made of? I understand a lot of html / css so I am just looking for the right direction to head with this as I am trying to create a similar framework.

Thanks Ryan
ZurdoDev 20-Jan-15 16:51pm    
We can't see the source code so there's no way for us to tell you exactly how they did it. You'd have to contact the person who made it.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900