× Discussion about "eCommerce" VirtueMart/Joomla template

100% height modules

More
5 years 1 week ago #32551 by ivan.milic
Replied by ivan.milic on topic 100% height modules
Open index.php of template, replace :
<!-- heights equalization -->
<script type="text/javascript">
jQuery(document).ready(function(){
	if (!jQuery.browser.opera) {
		var left_height = jQuery(".column_left").height() - 54;
		var right_height = jQuery(".column_right").height() - 54;
		if (left_height > right_height) {
			jQuery(".content_pad").css({minHeight: left_height});
		}else{
			jQuery(".content_pad").css({minHeight: right_height});
		}
	}
	if (jQuery.browser.opera) {
		jQuery("#product-tabs .nav li a,#product-tabs li a.current").css({background: "#666", color: "#fff"});
	}
});
</script>


with:
<script type="text/javascript">
jQuery(document).ready(function(){
	var left_height  = jQuery(".column_left").innerHeight();
	var right_height = jQuery(".column_right").innerHeight();
	var main_height  = jQuery(".content_wrap").innerHeight();
	var max = left_height;
	if(right_height > max) max = right_height;
	if(main_height > max) max = main_height;
	max += 6;
	jQuery(".column_left, .content_wrap, .column_right").css('min-height',max + 'px');
	if (jQuery.browser.opera) {
		jQuery("#product-tabs .nav li a,#product-tabs li a.current").css({background: "#666", color: "#fff"});
	}
});
</script>
The following user(s) said Thank You: wesmolina

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.116 seconds