Related Products before text on product page

I would like the related products to display before the text on a product page as per this image. I realise it can be achieved with a content module inserted into the description but would prefer the change in the template itself.

<div class="hikashop_submodules" id="hikashop_submodules" style="clear:both">
    <?php
if (!empty ($this->modules) && is_array($this->modules)) {
  jimport('joomla.application.module.helper');
  foreach ($this->modules as $module) {
    echo JModuleHelper :: renderModule($module);
  }
}
?>
  </div>

I have managed to sort the initial issue I believe by customising the view product >> show_default.

I now have another issue though with IE9. The layout is effectively broken. The image below shows what has happened. it should look the same as the firefox layout.

Oddly at the bottom of the page after the description the products line up correctly, the third image.

Hi Nocholas one of the pages is here www.acorntraps.co.uk/site2/products/trap...toclay-300-clay-trap the site.

I took the code from show.php and aded it to show_default.php

I am not quite sure if that is the way to do it and would appreciate your comments

Thanks

Dave

Nicolas

thanks for the reply. I have now removed the customisations and inserted the related products module into the description area of the product. The layout issue is still happening?

The add to cart buttons were not shown originally within the related products but Mohamed Thelji added some css to a style sheet

.hikashop_product_quantity_main .hikashop_product_stock  .button {

background-image: url(../images/add-to-cart.jpg);

background-repeat:no-repeat;

width: 141px;

height: 29px;



}

#hikashop_module_116 .hikashop_product_stock .button {

  background-image:  url(../images/add-to-cart.jpg);

  background-repeat:no-repeat;

  width: 141px;

  height: 29px;
color: #000;

}

#hikashop_module_160 .hikashop_product_stock .button {

  background-image:  url(../images/add-to-cart.jpg);

  background-repeat:no-repeat;

  width: 141px;

  height: 29px;
color: #000;

}

Nicolas

Are you telling me the layout is correct on your PC? The issue is the same with on my clients PC too. I removed the install and re-installed Hikashop 2.0 using the default template.

Using the IE9 developer tools I notice that column 1 row 1 is listed 2 times. I have attached a screenshot which I hope will provide a clearer indication of the problem.

<div class="hikashop_product hikashop_product_column_1 hikashop_product_row_1" style="width: 32%;">

<div class="hikashop_product hikashop_product_column_1 hikashop_product_row_1" style="width: 32%;">
<div class="hikashop_product hikashop_product_column_2 hikashop_product_row_1" style="width: 32%;">
<div class="hikashop_product hikashop_product_column_3 hikashop_product_row_1" style="width: 32%;">

My understanding is that Hikashop appears to be generating the tag. I have tried different templates and the problem is still there. I have another small site using Hikashop. I will duplicate that site and see if the issue still arises.

Dave

I have now tried this on another site with the same result as previously mentioned.

I could really do with some kind of clarity on this problem including which files I can alter in Displays >> Views to achieve my objective.

This happens on all templates but in IE9 compatibility mode the page displays correctly although without the rounded corners.

I have carried out the usual tests including switching off all modules and plugins and this has not made any difference. All a little frustrating to say the least!!

Dave

As a further update I have made a fresh installation this afternoon and used a standard Joomla template. The IE9 problem still occurs. I have made no changes to the templates in either Hikashop or Joomla. I have even removed the tabbed content.

Dave

Nicholas

I have tried this and the result is the same.

At a total loss, I been told it is the same in IE8, I will check that tomorrow morning, when I start uo my older PC.

It appears to me that the column 1 row 1 is being generated twice. The second one is then empty because the first one has been populated with a product.

Is there any other code I should be moving beside what you have suggested?

Dave

Would you be able to adivise on how the page is constructed?

I notice within the product/listing_div.php there are 3 divs highlighted in red. Now this may well tie up with the rest of the templates and is just a thought. I had hoped to launch this site by the weekend and this is the only stumbling block.

<li class="span<?php echo $span; ?> hikashop_product hikashop_product_column_<?php echo $current_column; ?> hikashop_product_row_<?php echo $current_row; ?>">
        <div class="hikashop_container">
          <div class="hikashop_subcontainer <?php echo $this->borderClass; ?>">
<?php
        }

        $this->row =& $row;
        $this->setLayout('listing_'.$this->params->get('div_item_layout_type'));
        echo $this->loadTemplate();

        if(!HIKASHOP_J30) {
?>
          </div>
        </div>
      [color=#ff0000]</div>[/color]
<?php
        } else {
?>
         [color=#ff0000] </div>
        </div>[/color]
      </li>

Thanks for the reply Jerome. Seems that I am still searching for the reason of why the layout breaks in IE9

Dave