Align height of Pricing tables

  • Align height of Pricing tables
    Viewing 2 posts - 1 through 2 (of 2 total)

  • Apprique
    Participant
    #1965

    If you use multiple pricing tables next to each other, they might not align, because some products might have more or less features than the others. Not sure if there is a better solution, but the following small script will fix this.

    // align all pricing tables on a page to have the same height
    // Could be further improved by aligning only those next to each other
    jQuery(document).ready(function($) {
    	var maxHeightPricing = -1;
    	$('div.bundleContent>ul').each(function() {
    		if ($(this).height() > maxHeightPricing)
    			maxHeightPricing = $(this).height();
    	});
    	$('div.bundleContent>ul').each(function() {
    		$(this).height(maxHeightPricing);
    	});
    });
    

    Omar
    Keymaster
    #1969

    Hey apprique,

    Really appreciate your contribution, this solution works indeed. Great work on your part, and will notify you if we come up with another solution.

    Regards.

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Align height of Pricing tables’ is closed to new replies.