OpenCart Community

Posted: **Thu Dec 03, 2015 11:53 pm**

Column ordering of Related Products is wrong when the bookmark window of FireFox is opened and when the Chrome Browser is draged to minimize. This problem occurs with major web-browsers.

*** OpenCart 2.1.0.1 and Fresh Installation ***

Posted: **Fri Dec 04, 2015 1:36 am**

...it's a real pitty, but I assume, this happen, because, if a related Product possibly belongs to another category, or something, it closes some -DIV-, and so starts with a new Row-Section, below, to display it's content. It look's terrible, and for some Reason, it even does the same on OC 1.5.6.x Versions, if they are Theme-upgraded with (OC2 Default-like) responsive Themes. Possibly, our Fellow VIETHEMES would be able, to create a Mod, to 'reverse-engineer' that real ugly looking Setup. In mobile Mode, it's usual, so, I guess, they seemed to concentrate on this kind of View, when creating the default V2 Theme. Unfortunately, I cannot bother about it, at present, due to more important matters,,,

Sample OC2-like Responsive Theme on a v.1.5.6.5_rc driven Product Page:
http://www.hitline.info/shop/index.php? ... uct_id=353

Ernie
</div>
<div class="clearfix visible-md"></div>
<div class="col-lg-4 col-md-5 col-sm-6 col-xs-12">
Source:

Code: Select all

<h3>Related Products</h3>
<div class="row">
     <div class="col-lg-4 col-md-5 col-sm-6 col-xs-12">
          <div class="product-thumb transition">
            <div class="image"><br><a href="http://www.hitline.info/shop/index.php?route=product/product&product_id=1211"><img src="http://images.openshop.li/shop/image/cache/data/demo/7-550x582-120x120.jpg" alt="Count denote ableitungsmorphem" title="Count denote ableitungsmorphem" class="img-responsive" height="120" width="120"></a></div>
            <div class="caption">
              <h4><a href="http://www.hitline.info/shop/index.php?route=product/product&product_id=1211">Count denote ableitungsmorphem</a></h4>
              <p>Polls maimonides works status merkmale speeds offers..</p>
                                          <p class="price">
                                Fr. 355.32                                                <span class="price-tax">Ex Tax: Fr. 20.00</span>
                              </p>
                          </div>
            <div class="button-group">
              <button type="button" onclick="cart.add('1211', '1');"><span class="hidden-xs hidden-sm hidden-md">Add to Cart</span> <i class="fa fa-shopping-cart"></i></button>
              <button data-original-title="Add to Wish List" type="button" data-toggle="tooltip" title="" onclick="wishlist.add('1211');"><i class="fa fa-heart"></i></button>
              <button data-original-title="Compare this Product" type="button" data-toggle="tooltip" title="" onclick="compare.add('1211');"><i class="fa fa-exchange"></i></button>
            </div>
          </div>
        </div>
   <div class="clearfix visible-md"></div>
   <div class="col-lg-4 col-md-5 col-sm-6 col-xs-12">
          <div class="product-thumb transition">
            <div class="image"><br><a href="http://www.hitline.info/shop/index.php?route=product/product&product_id=1431"><img src="http://images.openshop.li/shop/image/cache/data/demo/zipp-balistic-16-g-120x120.jpg" alt="Asvideo stored tantas" title="Asvideo stored tantas" class="img-responsive" height="120" width="120"></a></div>
            <div class="caption">
              <h4><a href="http://www.hitline.info/shop/index.php?route=product/product&product_id=1431">Asvideo stored tantas</a></h4>
              <p>Polls maimonides works status merkmale speeds offers..</p>
                                          <p class="price">
                                Fr. 427.68                                                <span class="price-tax">Ex Tax: Fr. 20.00</span>
                              </p>
                          </div>
            <div class="button-group">
              <button type="button" onclick="cart.add('1431', '1');"><span class="hidden-xs hidden-sm hidden-md">Add to Cart</span> <i class="fa fa-shopping-cart"></i></button>
              <button data-original-title="Add to Wish List" type="button" data-toggle="tooltip" title="" onclick="wishlist.add('1431');"><i class="fa fa-heart"></i></button>
              <button data-original-title="Compare this Product" type="button" data-toggle="tooltip" title="" onclick="compare.add('1431');"><i class="fa fa-exchange"></i></button>
         </div>
      </div>
</div>

Posted: **Fri Dec 04, 2015 2:12 pm**

Thanks, it's okay.
But it's still not be I like.
However, It now looks better.

OpenCart Community

Column ordering of Related Products is wrong

Column ordering of Related Products is wrong

Re: Column ordering of Related Products is wrong

Re: Column ordering of Related Products is wrong