[Skip to main content](#vessel-content) # Bootstrap 3 and Hikashop ## - **[davec](/forum/user/7092-davec "View davec's Profile")** - [![davec's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7092-davec "View davec's Profile") Topic Author - [ Offline](/forum/user/7092-davec) Less More - Posts: 447 - Thank you received: 20 - - 12 years 8 months ago [\#142070](#142070) by [davec](/forum/user/7092-davec "View davec's Profile") *[Bootstrap 3 and Hikashop](/forum/4-how-to/865505-bootstrap-3-and-hikashop#142070 "Bootstrap 3 does not currently work with Hikashop but thanks to Max and the guys at Joostrap.com there is a solution that is quite straight forward and easy to implement. Using NoNumber ReReplacer you can do the following: NoNumber ReReplacer rule to generate BS3 from BS2 output (think it covers almost all class replacements): Search: span1,span2,span3,span4,span5,span6,span7,span8,span9,span10,span11,span12,offset1,offset2,offset3,offset4,offset5,offset6,offset7,offset8,offset9,offset10,offset11,offset12,row-fluid,container-fluid,hero-unit,img-polaroid Replace: col-sm-1,col-sm-2,col-sm-3,col-sm-4,col-sm-5,col-sm-6,col-sm-7,col-sm-8,col-sm-9,col-sm-10,col-sm-11,col-sm-12,col-offset-1,col-offset-2,col-offset-3,col-offset-4,col-offset-5,col-offset-6,col-offset-7,col-offset-8,col-offset-9,col-offset-10,col-offset-11,col-offset-12,row,container,jumbotron,img-thumbnail You will also need to customise the CSS: For product listings... .hikashop_products ul.thumbnails li { list-style: none; } you will probably need to change the CSS for categorties and sub categories too depending on your own site requirements Hope this info is useful to other users Dave B)")* was created by *[davec](/forum/user/7092-davec "View davec's Profile")* Bootstrap 3 does not currently work with Hikashop but thanks to Max and the guys at Joostrap.com there is a solution that is quite straight forward and easy to implement. Using NoNumber ReReplacer you can do the following: NoNumber ReReplacer rule to generate BS3 from BS2 output (think it covers almost all class replacements): Search: span1,span2,span3,span4,span5,span6,span7,span8,span9,span10,span11,span12,offset1,offset2,offset3,offset4,offset5,offset6,offset7,offset8,offset9,offset10,offset11,offset12,row-fluid,container-fluid,hero-unit,img-polaroid Replace: col-sm-1,col-sm-2,col-sm-3,col-sm-4,col-sm-5,col-sm-6,col-sm-7,col-sm-8,col-sm-9,col-sm-10,col-sm-11,col-sm-12,col-offset-1,col-offset-2,col-offset-3,col-offset-4,col-offset-5,col-offset-6,col-offset-7,col-offset-8,col-offset-9,col-offset-10,col-offset-11,col-offset-12,row,container,jumbotron,img-thumbnail You will also need to customise the CSS: For product listings... .hikashop_products ul.thumbnails li { list-style: none; } you will probably need to change the CSS for categorties and sub categories too depending on your own site requirements Hope this info is useful to other users Dave ![B)](/media/kunena/emoticons/1.png "B)") The following user(s) said Thank You: [Jerome](/forum/user/80-jerome "View Jerome's Profile"), [essiele](/forum/user/31373-essiele "View essiele's Profile"), [Jethro](/forum/user/36009-jethro "View Jethro's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2NTUwNS1ib290c3RyYXAtMy1hbmQtaGlrYXNob3A/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 8 months ago [\#142073](#142073) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Bootstrap 3 and Hikashop](/forum/4-how-to/865505-bootstrap-3-and-hikashop#142073 "Bootstrap 3 does not currently work with Hikashop but thanks to Max and the guys at Joostrap.com there is a solution that is quite straight forward and easy to implement. Using NoNumber ReReplacer you can do the following: NoNumber ReReplacer rule to generate BS3 from BS2 output (think it covers almost all class replacements): Search: span1,span2,span3,span4,span5,span6,span7,span8,span9,span10,span11,span12,offset1,offset2,offset3,offset4,offset5,offset6,offset7,offset8,offset9,offset10,offset11,offset12,row-fluid,container-fluid,hero-unit,img-polaroid Replace: col-sm-1,col-sm-2,col-sm-3,col-sm-4,col-sm-5,col-sm-6,col-sm-7,col-sm-8,col-sm-9,col-sm-10,col-sm-11,col-sm-12,col-offset-1,col-offset-2,col-offset-3,col-offset-4,col-offset-5,col-offset-6,col-offset-7,col-offset-8,col-offset-9,col-offset-10,col-offset-11,col-offset-12,row,container,jumbotron,img-thumbnail You will also need to customise the CSS: For product listings... .hikashop_products ul.thumbnails li { list-style: none; } you will probably need to change the CSS for categorties and sub categories too depending on your own site requirements Hope this info is useful to other users Dave B)")* Thanks for the tip ![:)](/media/kunena/emoticons/8.png ":)") --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2NTUwNS1ib290c3RyYXAtMy1hbmQtaGlrYXNob3A/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[stephen\_netright](/forum/user/32156-stephen-netright "View stephen_netright's Profile")** - [![stephen_netright's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32156-stephen-netright "View stephen_netright's Profile") - [ Offline](/forum/user/32156-stephen-netright) Less More - Posts: 2 - Thank you received: 1 - - 12 years 6 months ago [\#151751](#151751) by [stephen\_netright](/forum/user/32156-stephen-netright "View stephen_netright's Profile") Replied by *[stephen\_netright](/forum/user/32156-stephen-netright "View stephen_netright's Profile")* on topic *[Bootstrap 3 and Hikashop](/forum/4-how-to/865505-bootstrap-3-and-hikashop#151751 "Bootstrap 3 does not currently work with Hikashop but thanks to Max and the guys at Joostrap.com there is a solution that is quite straight forward and easy to implement. Using NoNumber ReReplacer you can do the following: NoNumber ReReplacer rule to generate BS3 from BS2 output (think it covers almost all class replacements): Search: span1,span2,span3,span4,span5,span6,span7,span8,span9,span10,span11,span12,offset1,offset2,offset3,offset4,offset5,offset6,offset7,offset8,offset9,offset10,offset11,offset12,row-fluid,container-fluid,hero-unit,img-polaroid Replace: col-sm-1,col-sm-2,col-sm-3,col-sm-4,col-sm-5,col-sm-6,col-sm-7,col-sm-8,col-sm-9,col-sm-10,col-sm-11,col-sm-12,col-offset-1,col-offset-2,col-offset-3,col-offset-4,col-offset-5,col-offset-6,col-offset-7,col-offset-8,col-offset-9,col-offset-10,col-offset-11,col-offset-12,row,container,jumbotron,img-thumbnail You will also need to customise the CSS: For product listings... .hikashop_products ul.thumbnails li { list-style: none; } you will probably need to change the CSS for categorties and sub categories too depending on your own site requirements Hope this info is useful to other users Dave B)")* You will also need to add the css below if displaying categories. .hikashop_subcategories ul.thumbnails li { list-style: none; } The following user(s) said Thank You: [ebrahimahamdi](/forum/user/45709-ebrahimahamdi "View ebrahimahamdi's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg2NTUwNS1ib290c3RyYXAtMy1hbmQtaGlrYXNob3A/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.144 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)