Quote:
It has something like a custom class which you can wrap your image in. Is there something like this available in reBOOT?
|
You can add class="img-responsive" to your description images, or class="img-responsive img-center" to center them also.
http://getbootstrap.com/css/#images
Or, set a global CSS rule for images in the product description containers, eg. add to skin/reboot/css/reboot.css
Code:
.descr_block img, .product-description img {
width: 100%;
max-width: 100%;
height: auto;
}
Then in...
skin/reboot/custom/product_details_standard.tpl
skin/reboot/custom/product_details_tabs_accordions.tpl
skin/reboot/custom/product_details_tabs_accordions_on_top.tpl
skin/reboot/customer/main/product.tpl
Replace...
Code:
<span itemprop="description">
With...
Code:
<span itemprop="description" class="product-description">
Demo
here.