Enhance your next ecommerce project with dynamic product search result switchers!
- 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
- Bootstrap v2.2.2
- Font Awesome v3.0
- 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 11th 2013 – Initial Release v1.0
© Copyright 2013 Phil Jones – www.xcartmods.co.uk