zondag 27 juli 2014

Free Template: Responsive Shopping Cart

Share the joy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

shopping_cart_template

Mobile devices don’t exist only for checking your social network accounts. All kinds of websites, from shops to forums, can be made quick and fun to use on a phone or tablet, if you implement the right UI modifications. We present you with a free template – a fully responsive and pretty shopping cart.


The Template


We decided on a rather simple and clean design for this template, to make it easier for you to customize it and suit it to fit your personal style and desired functionality.


Desktop view

Desktop view



Because we want the page to adapt nicely to all types of screen sizes we’ve based it on Twitter’s Bootstrap framework.


Tablet view

Tablet view



We’ve also used the neat built-in features Bootstrap offers, to make these cool pop-up buttons. Make sure to run the demo on your mobile phone and see how the design adapts to the smaller screen.


On larger screens only the right-most part reacts on clicks

On larger screens only the right-most part is clickable



On mobile devices the whole row responds to touch input

On mobile devices the whole button responds to touch events



The PSD


As always, the PSD file is available from our free and awesome member area.


Free for Commercial Use


Feel free to use this template in both personal and commercial projects. We hope it comes in handy and we’d love to see you play around with it. Just don’t forget to share the results with us! And with your friends, too! Enjoy :)







Share the joy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Free Template: Responsive Shopping Cart

Geen opmerkingen:

Een reactie posten