How do you insert an image in Extended Info

[abbachem]

Hi, I'm Zoe and I'm new to developing in Actinic. I am trying to find out how to insert an image to the extended info section. So that when you see a list of products in a category, you see the product image to the left, the description to the right, the Prices From: underneath and the More info hyperlink to the lower right. example here: http://www.bedworld.net/Bed-Frames/filter.html

I want another variable to display a different image (an image showing the firmness of each product and also an image showing the delivery method for each product). However, I have created a variable and called it 'DeliveryMethodImages' but when I go to extended information and select the .gif, the image isn't displayed, only the filename.

What could I be doing wrong?

And how do you edit the layout of the product list? Do I have to create a new layout for the entire page?

Many thanks.
Zoe

[pinbrook]

I am trying to find out how to insert an image to the extended info section.

what layout is extended info using - there are several there to chose from, maybe you have selected a layout without an image.

what settings have you used to create your variable?

it is useful when you ask for help to provide as much info as you can so we can see where you have gone wrong, otherwise it can be speculation.

A URL of the site will help too

BTW Welcome to the community....

[NormanRouxel]

Welcome, Zoe.

Your link isn't to an Actinic site.

As for your image variable problem. You need HTML around the variable to make it into an image. E.g.

<img src="<actinic:variable name="DeliveryMethodImages" />" />

However, this will display an invalid image tag if you leave the variable empty.

It would be best to put a Condition around the code above so that it's only generated if DeliveryMethodImages is not empty. See the Starter Guide for "Hiding Things With Conditions".

[Darren B]

Hmmm nice to see you back Norman

[abbachem]

Layout

Thanks for your replies, much appreciated. The variable I created was under 'Product' in the Library and I called it DeliveryMethodImages. I placed it in the 'product' group and put its place of setting in the 'Product' and Panel Name as 'Extended Info'. Type 'Filename'. Thinking about it, I think I needn't have put it in the extended info, as I want the image to appear against the product before going in to the extended info, but not sure if that matters, apart from a logic point of view?

Next I'm not sure where to put it in the layout for best results. The breadcrumb trail I'm looking at is ExternalDesign > Section Page with Section Name at the Top > Product List with Horizontal Dividers > Standard Layout Using CSS > Standard Retail Price List > Standard Tax Exclusive Price.

It would be nice for the "delivery type" image to sit just under the price details and for a 'firmness image to sit to the right above 'More Info'. The actual site I'm working on is http://www.thebedsheduk.com/store/Po...attresses.html

Thanks for your help. As I found that Actinic's own support doesn't extend to this type of assistance and the knowledge base didn't help much either.

Zoe

[abbachem]

Yeay! This worked. Must have missed reading that part when inserting the variables. I'll go read the Hiding Things with Conditions now. Thanks very much.