
Originally Posted by
easypcs
Hi All
Just been playing about a little and wondered if it is possible to modify the product info page to display the also purchased items underneath the product price/sale, would be in a minimalist way, rather than in the footer like before.
very small image, selectbox, productname/link, and price illustrated in this pick.
Example Image:
http://www.elwyns-services.co.uk/ima...ct_example.jpg
I have started to hack the products page a little but starting to get beyond my chopping abilities.
http://www.elwyns-services.co.uk/dea...roducts_id=184
Great template, wouldnt have started without it.

Ok, we'll start by looking at the current source of this section:
Code:
<b class="centerBoxHeading">Customers who bought this product also purchased...</b>
<div class="centerBoxContentsAlsoPurch" style="width:100%;"><a href="http://www.elwyns-services.co.uk/deals/index.php?main_page=product_info&products_id=180"><img src="bmz_cache/0/0cdc9dca6f09acfceff2ad4fe2eb5bb6.image.100x66.jpg" alt="Krug Baumen ADVENTURER" title=" Krug Baumen ADVENTURER " width="100" height="66" style="position:relative" onmouseover="showtrail('bmz_cache/d/db54b77f193108b1577fa44f2d4005d5.image.150x100.jpg','Krug Baumen ADVENTURER',100,66,150,100,this,0,0,100,66);" onmouseout="hidetrail();" /></a><br /><a href="http://www.elwyns-services.co.uk/deals/index.php?main_page=product_info&products_id=180">Krug Baumen ADVENTURER</a></div>
<br class="clearBoth" />
you're going to have to get into the template file for this mod that controls the output.
First, I'd change it so the first line ends up looking something like this (the 'b' should really be changed to 'strong'):
<strong class="centerBoxHeading" id="alsoPurchased">Customers who bought this product also purchased...</strong>
adding the: ' id="alsoPurchased"' will make it possible to style that heading separately from other "centerBoxHeading"'s.
Now, the second line needs the 'style="width:100%;"' removed. This is what is causing the image to take up so much space.
<div class="centerBoxContentsAlsoPurch" style="width:100%;">
If you want the image first, you're going to have to do some rearranging.
As far as making the image small, it seems that image handler is controlling the size of this image? Not sure if that can be adjusted in "configuration", "images", without making other images really small.
Bookmarks