Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Ecommerce Products Display Layout Switchers

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Ecommerce Products Display Layout Switchers - CodeCanyon Item for Sale


Ad: Bluehost hosting

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

>> View the screencast here <<


  • 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


  1. Tested in IE8, IE9, IE10, Firefox, Chrome, Safari, Opera.
  2. If JavaScript is not available (unlikely), it will fall back to ‘row’ view, displaying all product information.
  3. On smaller devices, the view will be automatically switched to ‘grid’ view and view switcher buttons will be hidden.
  4. Works well with Bootstrap and Font Awesome, but not strictly dependant on them.
  5. 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.
  6. Demo pagination buttons and ‘sort by’ dropdowns for illustrative purposes only.



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’

December 18th 2013 – v2.0 – Switching script updated. Updated Bootstrap to v3.0.3 and Fontawesome to v4.0.3.

If you like it, please rate it!

© Copyright 2013 Phil Jones –

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


12 January 13

Last Update:
19 December 13

Compatible Browsers:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, Layered PNG

Software Version:


eCommerce, All Items, cart, columns, dynamic, ecommerce, grid, magento, opencart, products, responsive, results, rows, search, store, switchers, xcart