Also Bought in Box in Cart - Help I cant do it

[pinkequine]

I've got as far as getting the images in boxes, and I can't get them to display in 3 columns, rather than in one which it seems they are doing.

I am really stuck here and I am not sure why. I basically copied everything in the Also Bought List Layout on my site, that does display the list in columns and I cannot get it to work.

Anyway here are some images/code to show you what I've done

Removed - so as not to confuse anyone looking for the same answer

Any ideas how I can get it to work.

[pinkequine]

Here is what it looks like

What it looks like with the code above is this:-



It would look much better going across the page.

[Duncan Rounding]

Sorry I don't have time to go through all your post but have you tried changing the inner Number of Items from 1 to 3 in the List Layout Settings?

[grantglendinnin]

In your third image, List Layout Settings - remove the <tr> from 'Start of List' and and </tr> from 'End of List'. Then open 'Edit Rows and Columns'

Change 'Middle Rows' to 3, 'Before Row' should be <tr> and 'After Row' should have </tr> otherwise you will end up with something like:

<table><tr>
<td>also bought</td><td>also bought></td><td>also bought</td><td>also bought></td><td>also bought</td><td>also bought></td><td>also bought</td><td>also bought></td><td>also bought</td>
</tr></table>

Whereas you want:

<table>
<tr><td>also bought</td><td>also bought></td><td>also bought</td></tr>
<tr><td>also bought></td><td>also bought</td><td>also bought></td></tr>
<tr><td>also bought</td><td>also bought></td><td>also bought</td></tr>
</table>

This is the correct way to create a list in this format otherwise your layout may break in different variations of web browsers (especially if you add 4+ 'Also Bought' items).

I have taken a look at your site but can't find this on the live site or 'test' catalog URL - are you able to upload to the Test site if the above doesn't solve matters (not that I think it will)?

[pinkequine]

Thanks

I'll give that a go, I must admit I find it hard to visualise tables done that way. I tend to copy things that are working and change the bits I need but its hard to do that with the list layouts.

I'll let you know how I get on.

It is on the live site, but only the Juniors section have had the also boughts added, it only went live on June 1st so there isnt any real history to speak of in some areas.

If you select Junior Crystal Browband and add one pf those to cart you'll see it comes out like the above image.

[pinkequine]

Ok I have done it... you dont need the list layouts you just need to create the layout in the Also Bought items in Shopping Cart with this code.. of course you can remove the top/bottom images or replace.

This was thanks to an archived post I searched on google.. thanks to Chris Dicken.

<!-- Also bought list begin-->
<Actinic:REMOVE TAG="AlsoBoughtLine">
<table width="570" cellspacing="2" cellpadding="3" border="0">
   <tr>
      <th align="center"><strong>Customers who bought these items also bought the following:</strong></th>
   </tr>
</table>
      
   <!-- Also bought list row begin-->
   <Actinic:XMLTEMPLATE NAME="AlsoBoughtLine">
   <div style="float: left; width: 190px; height: 190px; margin-right: 10px; margin-bottom: 10px;"> 
   
    <br/>
 <table width="152" cellspacing="0" cellpadding="0">
   <tr><td align="center" height="30" background="imagetopspro.jpg"><span class="boxheading1"><actinic:variable name="ProductNameOnline" />
		</span>
      </td></tr >
<tr> 
  <td>

				
<table align="center" border="0" cellpadding="0" cellspacing="0" class="thinborder1">
<tr>
<td valign="top">
<img width="150" height="150" src="<actinic:variable name="Thumbnail" />" />
         <a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<Actinic:Variable Name="ProdRef"/>&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22HiddenFields%22%20%2f%3e%20%21%3d%20%22%22">&amp;SHOP=<Actinic:Variable Name="HiddenFields"/></actinic:block>"></a>
         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductReferenceVisible%22%20%2f%3e">
	         (Ref: <Actinic:Variable Name="ProdRef"/>)
         </actinic:block>


</td> 
</tr>

               
<tr>
<td align="center" height="25" background="imagebottomspro1.jpg">
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable name="ProdRef" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e" >&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>" class="boxlink" >find out more</a>
</td>
</tr>
                      
</table>

	<!-- Also bought list row end-->
	   
      </td>
   </tr>
</table></div></Actinic:XMLTEMPLATE>
</Actinic:REMOVE>
<!-- Also bought list end-->