Ecommerce Products Display Layout Switchers

Last Update: 9 March 2013
Regular License: $11
Sales: 35

Enhance your next ecommerce project with dynamic product search result switchers!

>> View the screencast here <<

>> View implementation on a demo X-Cart store here <<

Features

Instant switching – no page refresh required Remembers chosen view state in a cookie Responsive – adapts well on most devices Product descriptions expander, tooltips, image hover effect and promo badges Clean, easy to modify HTML, CSS and JS Lightweight and SEO optimised products display

Notes

Tested in IE8, IE9, IE10, Firefox, Chrome, Safari, Opera. If JavaScript is not available (unlikely), it will fall back to ‘row’ view, displaying all product information. On smaller devices, the view will be automatically switched to ‘grid’ view and view switcher buttons will be hidden. Works well with Bootstrap and Font Awesome, but not strictly dependant on them. If using Chrome or IE and browsing locally, cookies will not work, therefore will not remember the chosen view state on refresh. Upload to a server to test thoroughly. Demo pagination buttons and ‘sort by’ dropdowns for illustrative purposes only.

Credits

jQuery v1.8.3 Modernizr v2.6.2 Respond v1.1.0 Bootstrap v2.3.1 Font Awesome v3.0.2 jQuery Cookie v1.3 Tipsy Tooltips v1.0.0a (Could have used Bootstrap tooltips, but opted for this one) jQuery Expander v1.4.5 Google Web Fonts Lorempixel

Changelog

January 12th 2013 – Initial Release v1.0

March 10th 2013 – Minor Update v1.1 – Updated Bootstrap to v2.3.1 and Fontawesome to v3.0.2. Added Respond polyfill for IE. Changed the text from ‘condensed’ to ‘list’

If you like it, please rate it !