Thursday, June 6, 2013

Diagonal - HTML5 Responsive Store Template







Diagonal - HTML5 Responsive Store Template - Retail Site Templates



Diagonal – the ultimate HTML for your e-commerce



Diagonal is a HTML5/CSS3 fully responsive e-commerce template designed with the fashion industry in mind. It is perfectly suitable for any e-commerce but the huge typography, the big images and the specially designed product page make it a glorious fashion store that looks good on both the computer screen and the smartphone screen.




You can use Diagonal in each aspect of your store – with two category pages each with featured products, brands and sliders, an unique product page, styled for the current collection or bundle that the item is in; and a whole blog design and twitter feed to keep your customers posted. Wishlist, ranking system, reviews, shopping carts, checkout and an account center are also included in the theme.




Theme highlihts




  • Built with Twitter Bootstrap

  • Fully Responsive, upload @2x images for your products and you have a retina-ready theme

  • 14 HTML files

  • Two Category Pages

  • Featured Products, Bestsellers, Featured Brands etc.

  • Nicely customized product page

  • Checkout and Account Pages

  • About us and Contact pages with Google Maps integrated

  • Wishlist, Product Rating and Reviews sections

  • Product Comparison page

  • Full blog pages included

  • PSDs included, clean and commented code



Full version



I haven’t decided which e-commerce platform to use for the full version yet. This is not going to be OpenCart but all the others are available, leave a comment with your preference.




HTML5



The theme consists of 14 HTML files:





  • index.html

  • main_category.html

  • category.html

  • product.html

  • product_comparison.html

  • cart.html

  • checkout.html

  • about.html

  • account.html

  • contact.html

  • blog.html

  • blog_post.html

  • signup.html

  • 404.html



If you cannot reach any page just type its name followed by ”.html” in your address bar after the last ”/”.




Please note that you do not own the copyright to the images used in the theme.




Rate it!



If you enjoyed this template, please rate it 5 stars. Spread the love!




Thank you!







No comments:

Post a Comment