Bootstrap 3 and Hikashop

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

Thanks for the tip

You will also need to add the css below if displaying categories.

.hikashop_subcategories ul.thumbnails li {
list-style: none;
}