Jump to content

Search the Community

Showing results for tags 'equal heights'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • News and Announcements
    • News and Announcements
  • osCommerce Online Merchant v2.x
    • General Support
    • osCommerce Online Merchant Community Bootstrap Edition
    • Add-Ons
  • Development
  • General
    • General Discussions
    • Live Shop Reviews
    • Security
    • Developer Feedback
  • PayPal's Announcements
  • Sage Pay's Announcements
  • Solomono - new level osCommerce templates's Announcements
  • German Community's OSCOM v2.x
  • German Community's Allgemein

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Real Name




Found 1 result

  1. Hello to all osc fellows... In the products listing we use a a div row and add inside col-sm-4 <div id="products" class="row list-group"> <div class="col-sm-4"> <!-- product stuff here --> </div> <div class="col-sm-4"> <!-- product stuff here --> </div> </div> and we use a Header Tags Module Equal Height Divs (jQuery) . We get the products listed in a row and if we have a product with big name or image with big height e.t.c. then equal heights will make it probably ugly. SO WHY NOT ORGANIZE THE PRODUCTS INTO COLUMNS. For example: if we have lg then we want to display for example 3 products at a row ( as we normally do but now organized into columns ) :: p1 p2 p3 p4 p5 p6 p7 p8 p9 the code will be: <div class="row visible-lg-block"> <!-- only visible to lg --> <div class="col-lg-4"> <div class="item">p1</div> <div class="item">p4</div> <div class="item">p7</div> </div> <div class="col-lg-4"> <div class="item">p2</div> <div class="item">p5</div> <div class="item">p8</div> </div> <div class="col-lg-4"> <div class="item">p3</div> <div class="item">p6</div> <div class="item">p9</div> </div> </div> When we have md code will be: <div class="row visible-md-block"> <!-- only visible to md --> <div class="col-md-6"> <div class="item">p1</div> <div class="item">p3</div> <div class="item">p5</div> <div class="item">p7</div> <div class="item">p9</div> </div> <div class="col-md-6"> <div class="item">p2</div> <div class="item">p4</div> <div class="item">p6</div> <div class="item">p8</div> </div> </div> When we have xs code will be: <div class="row visible-xs-block"> <!-- only visible to xs --> <div class="col-xs-12"> <div class="item">p1</div> <div class="item">p2</div> <div class="item">p3</div> <div class="item">p4</div> <div class="item">p5</div> <div class="item">p6</div> <div class="item">p7</div> <div class="item">p8</div> <div class="item">p9</div> </div> </div> I have already implemented it. Check the screenshots bellow: Screenshot 1: http://www.johnbarounis.com/dev/osCommerce/images/products_listing_into_columns_lg.png Screenshot 1: http://www.johnbarounis.com/dev/osCommerce/images/products_listing_into_columns_md.png What do you think? Does it worth displaying products that way?