- 6
In this file (_ColumnsTwo.cshtml) the javascript below is marked as comment, altough it should not. In the live demo it is not! Same for _ColumnsThree. That's why I got the uglier layout, as can be read in the comment of the javascript.
<script type="text/javascript">
$(window).load(function () {
var contentPanelSelector = ".master-wrapper-center-2";
var contentPanelHeight = $(contentPanelSelector).height();
var sidePanelSelector = ".master-wrapper-side-2";
var sidePanelHeight = $(sidePanelSelector).height();
if (contentPanelHeight < sidePanelHeight) {
$(contentPanelSelector).css("min-height", sidePanelHeight);
}
// If we are in the product details page set a different background for the content panel,
// as the default background does not look good, when the product pictures have a white background.
var productDetailsPage = $(".product-details-page");
if (productDetailsPage.length > 0) {
$(contentPanelSelector).addClass("productDetailsPageBackground");
}
});
</script>
<script type="text/javascript">
$(window).load(function () {
var contentPanelSelector = ".master-wrapper-center-2";
var contentPanelHeight = $(contentPanelSelector).height();
var sidePanelSelector = ".master-wrapper-side-2";
var sidePanelHeight = $(sidePanelSelector).height();
if (contentPanelHeight < sidePanelHeight) {
$(contentPanelSelector).css("min-height", sidePanelHeight);
}
// If we are in the product details page set a different background for the content panel,
// as the default background does not look good, when the product pictures have a white background.
var productDetailsPage = $(".product-details-page");
if (productDetailsPage.length > 0) {
$(contentPanelSelector).addClass("productDetailsPageBackground");
}
});
</script>