Related product code tweaking?

[benji_styler]

Hi,

I have related products working to some degree but would like some help getting them to do exactly what i need them to do.

This is what i have so far: http://gfc.alphaclient.co.uk/acatalo...ner-chair.html

1.) Currently the related products link to product categories rather than the individual products. I want to change it so that when a user clicks on a related product it goes to the individual product page. How do i achieve this?

2.) I would like them to display the price underneath the product description. ( I had this piece of code but it got stripped out when i was playing around with the code...)

3.) I currently have 5 related products as a maximum which fits my design. However if i have less than 5 related products the design seems to mess up, as seen here: http://gfc.alphaclient.co.uk/acatalo...nch-120cm.html I would like to fix this so i can display say 2 products and align them to the left.

Any help with these issues would be greatly appriciated.

ps heres my code:

<div class="product_image_cost">
      <actinic:block if="%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22">
			<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable Name="ProductID" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">
				<img style="border: 0;" src="<actinic:variable name="ProductThumbnailImageFileName" />" width="104" alt="<actinic:variable name="ProductName" encoding="strip"/>" />
				<br /> <br />
			</a>
      </actinic:block>
   </div>
   <div>
      <p class="text_product_small_info_price">
      <Actinic:PRICES PROD_REF="<actinic:variable Name="ProductID" />" RETAIL_PRICE_PROMPT="<Actinic:Variable Name="ProductPriceDescription"/>">
         <actinic:variable value="Marketing Price List" name="PriceListRetail" />
      </Actinic:PRICES>
      </p>
      
      <p class="related-no-margin"><actinic:variable name="ProductName" /></p><br>
  
      </div>

[benji_styler]

I have got a bit further with this now, by looking at some other posts...

I have sorted out how the products are displayed (problem 3) and how to link to indiviual products rather than categories from related products (problem 1 using this post - http://community.actinic.com/showthr...lated+products)

I still need to add the product price below my description which im having trouble to achieve? Help please


Also for products which dont have any related products they currently appear like this:

http://gfc.alphaclient.co.uk/acatalog/info_3.html

To solve this i have tried including a table in the related code however it duplicates the title "Related products" for each related product.

I need to add some sort of block for the following code unless the product contains related products.

<table width="100%" border="0" cellpadding="0" cellspacing="16" bgcolor="#F3E6D2">
<tr>
<td>
<h3 class="related">Related products</h3>
<actinic:variable name="ProductRelatedProductsList" />
</td>
</tr>
</table>

Its quite hard to explain but im sure someone knows what im talking about...

[leehack]

It is pointless adding a table layout around the layout of the related products, all that does is bloat the code and achieve nothing. You need to be looking at the list layout settings for related products, you need to change the default '1' columns to be as many as you require. This will lay them across the page in the space you have allocated. The table structure is already there for you, you just need to get inside of it, at the moment it looks like you are wrapping a table on the outside and expecting that to solve it, this it will not i am afraid.

This will also mean that related will not show when none are defined as its your unwanted code causing the issue.

[benji_styler]

Hi Lee,

Thanks for your advice, iv got it displaying properly now.

I still havent got the code to display the product price, which is quite important?

Any idea on where i would find this code/implement it into my related product code?

[leehack]

It comes as standard in the code i use, so may be best for you to revert the layout back to factory settings and then redo your changes. The prices should show then.

[benji_styler]

Hi Lee,

I have tried getting this to work but im still having difficulties,

I cant figure out why its not working

[leehack]

They do have prices i presume? not getting the whole price from components or alike so nothing is actually logged against the main product? Are you getting the images showing or just the bulleted list? If just the bulleted list, you need to change the layout used, they will fire in then. Its hard to decipher whats going on blind though, can you provide a url or a screenshot?

[benji_styler]

Hi Lee,

Heres a URL of a product with related products: http://gfc.alphaclient.co.uk/acatalo...ner-chair.html


Heres the lastest version on my related product code:

<div class="product_image_cost">
      <actinic:block if="%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22">
			<a href="<actinic:variable name="ExtendedInfoPageName" /><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">
				<img style="border: 0;" src="<actinic:variable name="ProductThumbnailImageFileName" />" width="104" alt="<actinic:variable name="ProductName" encoding="strip"/>" />
			</a>
      </actinic:block>

   <div>
      <p class="text_product_small_info_price">
      <Actinic:PRICES PROD_REF="<actinic:variable Name="ProductID" />" RETAIL_PRICE_PROMPT="<Actinic:Variable Name="ProductPriceDescription"/>">
         <actinic:variable value="Marketing Price List" name="PriceListRetail" />
      </Actinic:PRICES>
      </p>
      <p class="related-no-margin"><a class="product-page-white-bg" href="<actinic:variable name="ExtendedInfoPageName" /><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">
<actinic:variable name="ProductName" /></a></p>  
      </div>
         </div>

Thanks for your help

[leehack]

That doesn't look like the standard code. To rule out the fact that it has been adjusted, can i suggest that you define a completely standard layout to be used and check for the site functioning as it should first on that. Once you have confirmed there is not something else going wrong, you can then reintroduce your amendments, checking at each stage to see which one is removing the price.

It looks as though the <p> for the price is getting online, just not being filled out. The layout is so small anyway, you can do all of this in about 5 minutes. Use the standard unchanged layout to confirm it is functioning OK, there could be a more serious problem.