Feature options filter


JS Module example

As part of PronsPro JSModules library, feature filter modules* allows your customers to filter your vehicle option in your dealership website. This module can be implemented in any page* of your website by simply adding a script tag into the location you wish to display the filter.


Live example



* 'Any page' assumes web pages which are well designed, free from bugs, specially javascript runtime errors.


No page slowdown!

Following sample text simulates the rest of page content

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam donec adipiscing tristique risus nec. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Leo in vitae turpis massa sed elementum tempus egestas. Amet luctus venenatis lectus magna. At augue eget arcu dictum. Est placerat in egestas erat imperdiet. Pellentesque dignissim enim sit amet venenatis urna cursus eget nunc. Tortor aliquam nulla facilisi cras fermentum odio. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Urna duis convallis convallis tellus id interdum velit. Ultrices eros in cursus turpis massa tincidunt dui ut ornare. Risus feugiat in ante metus dictum at tempor commodo.

Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Velit ut tortor pretium viverra suspendisse potenti nullam ac. Sem nulla pharetra diam sit amet nisl suscipit. Amet nulla facilisi morbi tempus iaculis urna id. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor magna. Aliquam id diam maecenas ultricies. Gravida cum sociis natoque penatibus et magnis dis. Interdum posuere lorem ipsum dolor sit amet. Pellentesque habitant morbi tristique senectus et netus et malesuada. Vestibulum morbi blandit cursus risus at ultrices mi. Pellentesque sit amet porttitor eget dolor morbi non arcu risus. Convallis aenean et tortor at risus. Augue ut lectus arcu bibendum at varius vel pharetra. Sodales ut etiam sit amet. Sit amet massa vitae tortor condimentum lacinia. Rhoncus est pellentesque elit ullamcorper dignissim cras. Enim praesent elementum facilisis leo vel fringilla est ullamcorper. Ut pharetra sit amet aliquam id diam.

Sit amet cursus sit amet. Varius vel pharetra vel turpis nunc eget lorem. Adipiscing commodo elit at imperdiet. Amet consectetur adipiscing elit duis tristique. Faucibus in ornare quam viverra orci sagittis eu volutpat odio. Blandit volutpat maecenas volutpat blandit aliquam etiam erat. Tincidunt praesent semper feugiat nibh sed. Interdum posuere lorem ipsum dolor sit amet. Lacinia at quis risus sed vulputate odio ut enim. Fermentum posuere urna nec tincidunt praesent semper feugiat nibh. Tincidunt tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Pulvinar mattis nunc sed blandit. Arcu felis bibendum ut tristique et egestas quis ipsum suspendisse.

Nibh venenatis cras sed felis eget velit aliquet sagittis. Integer vitae justo eget magna fermentum. Nunc faucibus a pellentesque sit amet porttitor eget. In massa tempor nec feugiat nisl. Consequat mauris nunc congue nisi vitae suscipit tellus. Non quam lacus suspendisse faucibus. Facilisis gravida neque convallis a cras semper auctor neque. Neque volutpat ac tincidunt vitae semper quis. Turpis massa tincidunt dui ut ornare. Enim nulla aliquet porttitor lacus luctus accumsan. Vitae et leo duis ut. Maecenas volutpat blandit aliquam etiam erat velit. Iaculis eu non diam phasellus vestibulum lorem sed. Lacus vestibulum sed arcu non odio. Pellentesque eu tincidunt tortor aliquam. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Aliquam vestibulum morbi blandit cursus risus. Neque sodales ut etiam sit amet nisl.

Semper quis lectus nulla at volutpat diam ut venenatis tellus. Purus ut faucibus pulvinar elementum integer. Urna molestie at elementum eu facilisis sed odio morbi. Et leo duis ut diam quam nulla porttitor massa id. Nisl condimentum id venenatis a condimentum vitae sapien. Tristique risus nec feugiat in fermentum posuere urna. Neque vitae tempus quam pellentesque nec nam. Maecenas sed enim ut sem viverra aliquet eget sit amet. A diam maecenas sed enim ut. Integer vitae justo eget magna fermentum iaculis eu non diam. Lectus nulla at volutpat diam ut venenatis. Molestie nunc non blandit massa enim nec. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Tristique senectus et netus et malesuada fames ac. Augue eget arcu dictum varius duis at. Et malesuada fames ac turpis. Rhoncus dolor purus non enim praesent elementum facilisis leo. Urna porttitor rhoncus dolor purus non enim praesent elementum facilisis. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Amet mattis vulputate enim nulla aliquet.

Diam quam nulla porttitor massa. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. At varius vel pharetra vel turpis nunc. Malesuada nunc vel risus commodo viverra maecenas accumsan lacus vel. Rhoncus dolor purus non enim praesent elementum facilisis leo. Tristique senectus et netus et malesuada fames ac. Viverra ipsum nunc aliquet bibendum enim facilisis. Lorem ipsum dolor sit amet consectetur. Tellus at urna condimentum mattis pellentesque id nibh tortor. Netus et malesuada fames ac turpis egestas. Vel risus commodo viverra maecenas accumsan lacus vel. Adipiscing elit pellentesque habitant morbi tristique senectus et. Tellus orci ac auctor augue mauris augue neque. Eget arcu dictum varius duis at consectetur lorem donec. Vitae nunc sed velit dignissim.

Odio facilisis mauris sit amet massa. Nec sagittis aliquam malesuada bibendum arcu. At risus viverra adipiscing at in tellus. Duis at consectetur lorem donec massa sapien. Non consectetur a erat nam at lectus. Fames ac turpis egestas maecenas. Facilisis magna etiam tempor orci eu lobortis elementum. Ornare lectus sit amet est placerat in. Non nisi est sit amet. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Odio eu feugiat pretium nibh. Senectus et netus et malesuada fames ac turpis egestas integer. Tincidunt eget nullam non nisi. Nulla facilisi etiam dignissim diam quis enim lobortis. Ultricies lacus sed turpis tincidunt id. Turpis egestas maecenas pharetra convallis posuere. Egestas egestas fringilla phasellus faucibus. Ac auctor augue mauris augue neque.

Elementum sagittis vitae et leo duis ut diam. In ornare quam viverra orci sagittis eu volutpat odio facilisis. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus mauris. Sed vulputate mi sit amet mauris. Et odio pellentesque diam volutpat commodo. Massa placerat duis ultricies lacus sed turpis tincidunt. Nulla pharetra diam sit amet nisl suscipit adipiscing bibendum. Libero id faucibus nisl tincidunt. Ultrices dui sapien eget mi proin sed. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor. Enim diam vulputate ut pharetra sit amet aliquam. Sed nisi lacus sed viverra tellus in hac. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Sem viverra aliquet eget sit amet. Etiam non quam lacus suspendisse faucibus. Etiam sit amet nisl purus in mollis nunc sed id. Imperdiet sed euismod nisi porta lorem mollis aliquam ut porttitor.

Et netus et malesuada fames ac turpis egestas. Quis risus sed vulputate odio ut enim. Ornare massa eget egestas purus viverra accumsan in nisl nisi. Interdum posuere lorem ipsum dolor sit. Vivamus arcu felis bibendum ut tristique. Sit amet cursus sit amet dictum. Quisque non tellus orci ac auctor augue mauris. Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Senectus et netus et malesuada. Pretium fusce id velit ut tortor pretium viverra suspendisse.

Elementum nibh tellus molestie nunc non. Vel elit scelerisque mauris pellentesque pulvinar pellentesque. Aliquet enim tortor at auctor urna nunc id cursus. Id aliquet lectus proin nibh nisl condimentum id venenatis a. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla. Vestibulum lorem sed risus ultricies tristique nulla aliquet. Purus faucibus ornare suspendisse sed nisi lacus sed. Viverra justo nec ultrices dui. Malesuada proin libero nunc consequat. Massa tempor nec feugiat nisl. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Aenean sed adipiscing diam donec adipiscing. Dolor magna eget est lorem ipsum dolor.

Commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Diam ut venenatis tellus in metus vulputate eu scelerisque felis. Enim lobortis scelerisque fermentum dui. Felis bibendum ut tristique et. Ipsum suspendisse ultrices gravida dictum. Nunc consequat interdum varius sit amet mattis vulputate enim nulla. In iaculis nunc sed augue lacus viverra vitae. Nunc vel risus commodo viverra maecenas accumsan lacus vel. Pellentesque adipiscing commodo elit at imperdiet. In pellentesque massa placerat duis ultricies lacus sed. Sed libero enim sed faucibus turpis in eu mi. Nibh ipsum consequat nisl vel pretium lectus quam id leo. Velit ut tortor pretium viverra suspendisse potenti. Ac tincidunt vitae semper quis lectus nulla at volutpat diam.

Sit amet purus gravida quis blandit. Lorem mollis aliquam ut porttitor leo a. Tincidunt praesent semper feugiat nibh sed pulvinar proin. Ullamcorper eget nulla facilisi etiam. Pretium fusce id velit ut tortor. Neque laoreet suspendisse interdum consectetur. Aenean et tortor at risus viverra adipiscing at in. Dolor sed viverra ipsum nunc aliquet bibendum enim facilisis. Scelerisque eu ultrices vitae auctor. Tellus elementum sagittis vitae et leo duis ut diam quam. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor magna. Neque volutpat ac tincidunt vitae. Duis at consectetur lorem donec. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing elit. Mi in nulla posuere sollicitudin. Aliquam etiam erat velit scelerisque in dictum.

Vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Vitae elementum curabitur vitae nunc sed velit dignissim sodales. Risus pretium quam vulputate dignissim suspendisse in est ante. In iaculis nunc sed augue lacus viverra. Viverra mauris in aliquam sem fringilla ut morbi tincidunt. Quam nulla porttitor massa id neque aliquam vestibulum morbi blandit. Sed viverra tellus in hac habitasse. Gravida neque convallis a cras semper auctor. Sem integer vitae justo eget magna fermentum iaculis. Congue eu consequat ac felis donec et odio pellentesque. Massa tempor nec feugiat nisl pretium fusce id velit ut. Dapibus ultrices in iaculis nunc sed augue lacus. In fermentum et sollicitudin ac orci phasellus egestas tellus rutrum. A pellentesque sit amet porttitor eget. Mi sit amet mauris commodo. A diam maecenas sed enim. Condimentum vitae sapien pellentesque habitant morbi.

Maecenas accumsan lacus vel facilisis volutpat est velit. Vitae congue mauris rhoncus aenean vel. Ut diam quam nulla porttitor massa. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Pretium fusce id velit ut tortor pretium viverra. Massa eget egestas purus viverra accumsan. Id interdum velit laoreet id donec ultrices tincidunt arcu non. Feugiat sed lectus vestibulum mattis ullamcorper velit sed. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Malesuada proin libero nunc consequat. Ultricies tristique nulla aliquet enim tortor.

Amet dictum sit amet justo donec enim diam vulputate ut. Arcu cursus vitae congue mauris rhoncus aenean. Feugiat vivamus at augue eget. Facilisis gravida neque convallis a cras semper auctor neque. Sit amet purus gravida quis blandit turpis cursus. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Lobortis elementum nibh tellus molestie nunc non. Malesuada nunc vel risus commodo viverra maecenas accumsan. Sit amet luctus venenatis lectus. Sit amet risus nullam eget felis eget nunc. Nibh ipsum consequat nisl vel pretium lectus quam id. Nunc mattis enim ut tellus elementum sagittis vitae. Dignissim suspendisse in est ante in. Velit euismod in pellentesque massa placerat. Odio morbi quis commodo odio aenean sed. Condimentum mattis pellentesque id nibh. Quam pellentesque nec nam aliquam sem. Tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque sit amet porttitor eget dolor.

Urna nunc id cursus metus aliquam eleifend mi. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Egestas congue quisque egestas diam in arcu cursus. Eget nunc scelerisque viverra mauris in aliquam sem. Tortor dignissim convallis aenean et tortor at risus. Sed felis eget velit aliquet sagittis id consectetur. Eget nullam non nisi est sit amet facilisis. Amet purus gravida quis blandit turpis cursus in hac habitasse. Mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Sed risus ultricies tristique nulla aliquet enim tortor at. Bibendum neque egestas congue quisque. Sem integer vitae justo eget magna fermentum iaculis eu non. Sapien et ligula ullamcorper malesuada. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Nibh mauris cursus mattis molestie a iaculis at. Id neque aliquam vestibulum morbi. Neque convallis a cras semper auctor neque.

Arcu dui vivamus arcu felis. Purus ut faucibus pulvinar elementum integer enim. A iaculis at erat pellentesque adipiscing commodo elit. Quis blandit turpis cursus in hac habitasse. Enim facilisis gravida neque convallis. Mattis aliquam faucibus purus in massa tempor. Nunc mi ipsum faucibus vitae aliquet nec. Lacus luctus accumsan tortor posuere ac ut consequat semper viverra. Massa sed elementum tempus egestas. Quis enim lobortis scelerisque fermentum dui faucibus. Tempor nec feugiat nisl pretium fusce id velit ut. Egestas sed sed risus pretium quam vulputate dignissim suspendisse in. In est ante in nibh mauris. A arcu cursus vitae congue mauris rhoncus. Id diam maecenas ultricies mi eget mauris. Mattis molestie a iaculis at erat pellentesque adipiscing commodo. Ipsum a arcu cursus vitae congue mauris rhoncus aenean.

In fermentum posuere urna nec tincidunt praesent. Sit amet purus gravida quis blandit turpis. Elementum integer enim neque volutpat ac. Consequat mauris nunc congue nisi vitae. Fusce id velit ut tortor. Egestas sed tempus urna et pharetra pharetra. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas. Quam pellentesque nec nam aliquam sem et tortor consequat id. Cursus mattis molestie a iaculis at erat pellentesque adipiscing. Nam libero justo laoreet sit amet cursus sit amet dictum. Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna. Vulputate enim nulla aliquet porttitor lacus luctus accumsan. Urna condimentum mattis pellentesque id nibh tortor id. Pharetra diam sit amet nisl suscipit. Et molestie ac feugiat sed lectus vestibulum. Tincidunt vitae semper quis lectus nulla at volutpat. Massa placerat duis ultricies lacus sed turpis tincidunt. Arcu felis bibendum ut tristique et.

Ipsum dolor sit amet consectetur adipiscing elit. Varius sit amet mattis vulputate enim. Integer feugiat scelerisque varius morbi enim nunc. Magnis dis parturient montes nascetur ridiculus. Morbi tincidunt augue interdum velit euismod. Sed faucibus turpis in eu mi. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. Turpis massa tincidunt dui ut ornare. Odio morbi quis commodo odio aenean sed. Neque aliquam vestibulum morbi blandit. Est velit egestas dui id ornare.

Purus gravida quis blandit turpis cursus in hac habitasse platea. At tellus at urna condimentum. Et odio pellentesque diam volutpat commodo sed egestas egestas fringilla. Ultricies tristique nulla aliquet enim. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Cras semper auctor neque vitae tempus quam pellentesque nec. Nisi vitae suscipit tellus mauris a diam maecenas sed. Sed odio morbi quis commodo odio. Nec dui nunc mattis enim ut. Nibh tortor id aliquet lectus proin nibh nisl condimentum. Facilisis leo vel fringilla est ullamcorper eget. Nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Scelerisque varius morbi enim nunc faucibus a pellentesque sit amet. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Enim nec dui nunc mattis. Id ornare arcu odio ut sem. Eget velit aliquet sagittis id consectetur purus ut. Quam quisque id diam vel quam elementum pulvinar etiam.


PronsPro®. All rights reserved. ©2024
Powered by PronsPro.com
PronsPro

Testheader

Test message