The default layout for the VirtueMart 1.1 Related Products display is a maximum of 4 products displayed in a horizontal row.<\/p>\n
It’s quite easy to change this and also to display rounded corners i.e <div><div><div><div> layout but you need to change the core files.<\/p>\n
The default layout of the Related Products is quite “clonky”.<\/p>\n
Open file joomla_root\/components\/com_virtuemart\/themes\/default\/templates\/common\/relatedProducts.tpl.php in any text editor.
\nIn this case we will make the display fold at 3 products, if you want more or less just change the ($relItem == 3) parameter. The original file is as so –<\/p>\n
<?php if( !defined( ‘_VALID_MOS’ ) && !defined( ‘_JEXEC’ ) ) die( ‘Direct Access to ‘.basename(__FILE__).’ is not allowed.’ ); ?>
\n<hr\/>
\n<h3><?php echo $VM_LANG->_(‘PHPSHOP_RELATED_PRODUCTS_HEADING’) ?><\/h3>
\n<table width=”100%” align=”center”>
\n<tr>
\n<?php
\nwhile( $products->next_record() ) { ?>
\n<td valign=”top”>
\n<?php echo $ps_product->product_snapshot( $products->f(‘product_sku’) ) ?>
\n<\/td>
\n<?php
\n}
\n?>
\n<\/tr>
\n<\/table><\/p><\/blockquote>\nThe changes we need to make are to count the number of products and insert a new table row when we reach our required target number.
\nThe relevant changes are within the table –<\/p>\n<table width=”100%” align=”center”>
\n<tr>
\n<?php $relItemNo = 0; ?>
\n<?php
\nwhile( $products->next_record() ) {
\nif ($relItem == 3) {
\necho “<\/tr>\\n<tr>”;
\n$relItem = 0;
\n}
\n?>
\n<td valign=”top”>
\n<?php echo $ps_product->product_snapshot( $products->f(‘product_sku’) ) ?>
\n<\/td>
\n<?php $relItem++;
\n}
\n?>
\n<\/tr>
\n<\/table><\/p><\/blockquote>\nIf as well we want to surround the individual products in divs e.g. for a rounded corners border etc then we do this in this file as well. Simply add a class and the necessary divs to the table cell, you will have to adjust your css to suit –<\/p>\n
<td valign=”top”>
\n<div>
\n<div style=”width:210px;height:160px;”>
\n<div style=”width:210px;height:160px;”><div><div><\/br>
\n<?php echo $ps_product->product_snapshot( $products->f(‘product_sku’) ) ?>
\n<\/div><\/div><\/div>
\n<\/div>
\n<\/div>
\n<\/div>
\n<\/td><\/p><\/blockquote>\nTo increase the number of related products shown we need tp change another file.
\nOpen file joomla_root\/administrator\/components\/com_virtuemart\/html\/shop.product_details.php in any text editor and go to line 85.
\nChange the number of returned results in the query –<\/p>\n$q .= “AND FIND_IN_SET(#__{vm}_product.product_id, REPLACE(related_products, ‘|’, ‘,’ )) LIMIT 0, 4”;<\/p><\/blockquote>\n
to for example 6<\/p>\n
$q .= “AND FIND_IN_SET(#__{vm}_product.product_id, REPLACE(related_products, ‘|’, ‘,’ )) LIMIT 0, 6”;<\/p><\/blockquote>\n
Original article from: http:\/\/www.gjcwebdesign.com\/virtuemart-related-products-customise.html<\/p>\n","protected":false},"excerpt":{"rendered":"
The default layout for the VirtueMart 1.1 Related Products display is a maximum of 4 products displayed in a horizontal row. It’s quite easy to<\/p>\n