Related products kills layout

[Stereo Steve]

I'm just starting to add some related products to the site and whenever I do this, it kills the layout in design view. The related products are there OK in the content view and all looks fine. However, when I switch to design the whole product layout has vanished and there are some untidy error messages.

Anyone found this before?

[pinbrook]

we probably need to see the underlying code ...

[Stereo Steve]

OK, here it is. The related products tag is commented out in this one as it ruins the layout when it's left in.


<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e" >
<form method="post" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />">
<input type="hidden" name="SID" value="<actinic:variable name="SectionID" />" />
<input type="hidden" name="PAGE" value="PRODUCT" />
<input type="hidden" name="PAGEFILENAME" value="<actinic:variable name="SectionPageName" />" />
<Actinic:SECTION BLOB='<actinic:variable name="SectionCatFile" />'/>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e" >
<!-- Hidden field when in trial mode -->
<input type="hidden" name="SHOP" value="<actinic:variable name="HiddenFields" />" />
</actinic:block>
</actinic:block>

<div class="product_list">
<div class="image_product"><actinic:variable name="ProductImageLayout" /></div>
<div>


</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsOutOfStockShown%22%20%2f%3e" >
<div style="float: right;"><strong><span class="actrequired"><actinic:variable name="OutOfStock" /></span></strong></div>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsCatalogSuspendedShown%22%20%2f%3e" >
<div style="float: right;"><strong><span class="actrequired"><actinic:variable name="CatalogSuspended" /></span></strong></div>
</actinic:block>

<a name="<actinic:variable name="EncodedProductAnchor" />"></a>
<h3 class="product"><actinic:variable name="ProductName" /></h3>


<br/><br/>
<!-- <actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductReferenceVisible%22%20%2f%3e" >
<p>Ref: <actinic:variable name="ProductReference" /></p>
</actinic:block> -->
<h3 class="product_price">
<actinic:block if="%3cactinic%3avariable%20name%3d%22PriceIsEnabled%22%20%2f%3e" >

<actinic:variable name="PriceListRetail" />
<Actinic:PRICES PROD_REF="<actinic:variable name="ProductReference" />" RETAIL_PRICE_PROMPT="<actinic:variable name="ProductPriceDescription" />">



</Actinic:PRICES>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20%3d%3d%20False" >
<Actinic:NOTINB2B><br /><actinic:variable name="ProductPriceNotEnabledMessage" /></Actinic:NOTINB2B>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsCustomerMessageUsed%22%20%2f%3e" >
<br />
<Actinic:PRICE_EXPLANATION PROD_REF="<actinic:variable name="ProductReference" />" COMPONENTID=-1><actinic:variable name="RetailCustomerMessage" /></Actinic:PRICE_EXPLANATION>
</actinic:block>
</h3>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptShown%22%20%2f%3e" >
<p>

<!-- added line break below. -->
<br/>
&nbsp &nbsp <span class="actrequired"><actinic:variable name="QuantityPrompt" /></span><input type="text" name="Q_<actinic:variable name="ProductReference" />" size="4" value="<actinic:variable name="DefaultQuantity" />" class="form_input_general" /><P><br/>&nbsp &nbsp <actinic:variable value="Add To Cart Button Image" name="AddToCartButton" />
<!--&nbsp &nbsp <span class="actrequired"><actinic:variable name="QuantityPrompt" /></span><input type="text" name="Q_<actinic:variable name="ProductReference" />" size="4" value="<actinic:variable name="DefaultQuantity" />" class="form_input_general" /> &nbsp;&nbsp;&nbsp;&nbsp; <actinic:variable value="Add To Cart Button Image" name="AddToCartButton" />-->
</p>
</actinic:block>
<actinic:variable formatting="font(Color|000000)" encoding="actinic" name="ProductDescription" />
<br><br><b>

<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceRaw%22%20%2f%3e%20%3e%3d%2085" >
<br><br><p><font color ="red"><b>&nbsp&nbsp *Free Delivery on this item*<p></B></font>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceRaw%22%20%2f%3e%20%3c42%2e55" >
<font color=red> <actinic:variable name="Besttext" /></font>
<br><br><b><font color=red>REMEMBER: You get FREE UK Mainland shipping when you spend £100 or more on products!</font>
</actinic:block>



<br><br><br>
<b>Tell a friend about this product. Enter their email address here:</b>
<br>
<input type=text value="" size=40 onchange="
var thisloc=location.href + '#<actinic:variable name="EncodedProductAnchor" />';
if (this.value != '') {
location.href='mailto:' + this.value +'?subject=Take%20a%20look%20at%20<actinic:variable name="ProductName" />&body=I%20saw%20' + thisloc + '%20and%20thought%20you%20would%20be%20interested.'
}
">
<input type=button value="OK">
<br>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptHidden%22%20%2f%3e" >
<input type="hidden" name="Q_<actinic:variable name="ProductReference" />" value="<actinic:variable name="DefaultQuantity" />" />
</actinic:block>
<actinic:variable name="AttributeList" />
<actinic:variable name="ComponentList" />
</div>
<p>
<actinic:variable name="CartError" />
<actinic:variable name="ExtendedInformationLinks" />

<actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e" >
<br />
<a href="<actinic:variable name="ProductLinkInfo" />">
<actinic:variable name="ProductLinkText" />
</a>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22DiscountDescriptionIsShownForProducts%22%20%2f%3e" >
<br /><actinic:variable name="DiscountList" value="Standard Discount List" />
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsOtherInfoPromptShown%22%20%2f%3e" >
<br />
<span class="actrequired"><actinic:variable name="OtherInfoPrompt" /></span><br />
<input type="text" name="O_<actinic:variable name="ProductReference" />" size="40" maxlength="1000" value="" />
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsDatePromptShown%22%20%2f%3e" >
<br />
<span class="actrequired"><actinic:variable encoding="actinic" name="DatePrompt" /></span><br />
<actinic:variable name="DayList" /><actinic:variable name="MonthList" /><actinic:variable name="YearList" />
</actinic:block>
<!-- <actinic:variable name="ProductRelatedProductsList" />-->
<actinic:variable name="ProductAlsoBoughtList" />

</p>

</div>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e" >
</form>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment1%22%20%2f%3e%20%21%3d%20%22%22" >
Here's what some of our customers think of this product:
<br><br>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22comment1%22%20%2f%3e%20%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|666699)" name="comment1" /></i><br><br>

</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment2%22%20%2f%3e%20%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|339966)" name="comment2" /></i><br><br>

</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment3%22%20%2f%3e%20%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|666699)" name="comment3" /></i>
</actinic:block>
<br><br>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment4%22%20%2f%3e%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|339966)" name="comment4" /></i><br><br>

</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment5%22%20%2f%3e%20%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|666699)" name="comment5" /></i><br><br>

</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment6%22%20%2f%3e%20%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|339966)" name="comment6" /></i><br><br>

</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment7%22%20%2f%3e%20%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|666699)" name="comment7" /></i><br><br>

</actinic:block>
<br><br>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment8%22%20%2f%3e%20%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|339966)" name="comment8" /></i><br><br>

</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22comment9%22%20%2f%3e%20%21%3d%20%22%22" >
<i><actinic:variable formatting="font(Color|666699)" name="comment9" /></i><br><br>

</actinic:block>

<b>Have you had experience of this product?<p>
Why not share your thoughts? The best will be posted above<p>
Just
<a href="mailto:comments@xxxxxxxxx.co.uk?Subject=<actinic:variable name="ProductID" />" target="_self" DESIGNTIMEURL="mailto:comments@xxxxxxxxxx.co.uk?Subject=<actinic:variable name="ProductID" />">
Click Here,</a> fill out the email with your comments and add your initials and location. </span></b></p><br>

[Stereo Steve]

Thanks for checking. I should note that the offending line (red) above is commented out. If it's in place there are no problems until you add a related product in the marketing tab. It appears as it should in the preview window in the content tab with the related product showing as a text link but when you switch to design, the product layout has vanished and it says 'end body content right column' wedged in at the top and 'END MAIN PAGE BDY CONTENT PAGE FOOTER' at the bottom of the left column under new products. The section name is there but no product. I've tried with different products etc.

Going to try an upload now to see how it appears on the web.

[Stereo Steve]

Hmm, it's working fine online. Just displaying incorrectly in actinic. Tried compacting, purging and restarting etc. to no avail. It's going to be a problem as I use the design tab quite a lot.Any ideas?

[Stereo Steve]

OK, hope this works. We use product per section so these images are of the same product.

01 is in the content tab with the elated products shown to be displayed fine, as they are online at the bottom of the product page.

02 is what happens when I click the design tab. If I remove the products from the marketing tab on the product, I don't get this issue so it's only when there are related products to display.

Can't figure it out.

[Stereo Steve]

OK, here's another quick Q. You can see that I have add to cart buttons on the related items. Now, what I would like to do is re-jig the layout so the main product qty box is just above the related item boxes with a single add to cart button ( a bit tricky when I can't see it in design but anyway). How do I get the qty in the related items to be zero by default so they don't get added by mistake? I've tried changing value="defaultquantity" to value="0" to no avail in the realated items layout.

[Stereo Steve]

</div>
<!-- end body content right column -->
</div>
</div>
<!-- END MAIN PAGE BODY CONTENT -->

I haven't changed any of this as far as I know. Just been working with the product layout. Seems strange it only happens when related products are added.

[Stereo Steve]

Thanks, I'll check it out. Solved the other issue I had. Thanks for your help.