- Posts: 447
- Thank you received: 20
Bootstrap 3 and Hikashop
12 years 7 months ago #142070
by davec
Bootstrap 3 and Hikashop was created by davec
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
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
Please Log in or Create an account to join the conversation.
12 years 7 months ago #142073
by Jerome
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
Replied by Jerome on topic Bootstrap 3 and Hikashop
Thanks for the tip
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
Please Log in or Create an account to join the conversation.
Less
More
- Posts: 2
- Thank you received: 1
12 years 5 months ago #151751
by stephen_netright
Replied by stephen_netright on topic Bootstrap 3 and Hikashop
You will also need to add the css below if displaying categories.
.hikashop_subcategories ul.thumbnails li {
list-style: none;
}
.hikashop_subcategories ul.thumbnails li {
list-style: none;
}
The following user(s) said Thank You: ebrahimahamdi
Please Log in or Create an account to join the conversation.
Time to create page: 0.193 seconds