Multiple images for products

[markhallgate]

hello, i got my copy of actinic at the weekend and have been having fun getting used to it.

I am trying to get multiple images of products on the product pages. We sell timber cabins and i want pictures of the inside on the page, I have used the extended info for floor plans, is there any way of doing this preferably with out to much coding as i dont want to brake it
i have dreamweaver available if it makes it easier to do.

thanks, Mark.

[simonwar]

Use a CUSTOMVAR

Mark,

You can use CUSTOMVAR's, so that you can use more than the default single image to illustrate a product or section.

First set up the variable; goto Advanced > Custom Properties > + and fill in the Property and Type, for example;

Property = SectImage2
Type = Text (because this will be a path later)

(not sure if there's a limit to how many of the vars' you can have, and I believe there is another way, however this way works well).

Then you can apply this property when entering a Section or a Product, as follows;

Click on the Properties Tab, click on '+', click on the down arrow and your custom variable should be listed. The value will be its path from the root, e.g. \images\mysecondimage.gif.

Click Searchable
Click File Name

Then modify the layout to include this variable.

If its a section, click on the Layout Tab > Section Link Layout > Edit > Save As > MyNewLayout.html, (watch you don't save it as a *.txt, your editing in notepad).

Then, click Select > Browse > MyNewlayout.html

Then Edit this layout to include;

<A HREF="CUSTOMVAR:SectImage2">CUSTOMVAR:SectImage2</A>

Sounds complicated, but its not, and it gets you into Actinic.

Good luck, Simon.

[markhallgate]

hello, Simon,
thanks for your reply i have done what you said ( to the best of my abilities) i think i have done it right. But i can only get text links for the images please follow the link below to see.

http://trials.actinic.com/trials/tri...he_Lovisa.html

i have actually got 2 extra images but it didn't make a difference when i tried it with one. i have put the extra code in as follows

<tr>
<td rowspan="2" colspan="2" valign="TOP" align="CENTER"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE</br><A HREF="CUSTOMVAR:sectionimage2">CUSTOMVAR:sectionimage2</A></br><A HREF="CUSTOMVAR:sectionimage3">CUSTOMVAR:sectionimage3</A></td>
<td valign="TOP" align="LEFT">
<a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
<span class="actxsmall">NETQUOTEVAR:PRODUCTREF <br>

don't know if ive got the code in the right place.

Thanks, Mark.

[jont]

Hi Mark,

you need to use the <img> tag rather than the <a> tag as suggested:

<img src="CUSTOMVAR:sectionimage">

that will insert an image rather than a hyperlink to the picture

HTH

[jont]

Just looking at the code you are using </br> or <br> for the line breaks.. you should really use <br />

not sure if a typo but you need to close the tag on

<span class="actxsmall">NETQUOTEVAR:PRODUCTREF</span><br>

[simonwar]

Ooops, JonT's got it ....

Hi Mark,

As Jont has spotted I have used the wrong tags.... thats cutting and pasting for you, apologies.

Simon.

[markhallgate]

hello, thanks for both of your help.
it looks loads better now. i have modified the tables so that the text desciption comes underneath the images as well.
i have had to create to seperate templates as it shows 2 broken links if i use the same template for all of them, but that doeasn't matter the code i ended up with is:

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td rowspan="1" colspan="2" valign="TOP" align="left"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE</td>
<td valign="TOP" align="LEFT">
<a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME<b></span></a>
<span class="actxsmall">NETQUOTEVAR:PRODUCTREF <br></td>
<tr><td><p><IMG SRC="CUSTOMVAR:SECTIONIMAGE2"></p><p><IMG SRC="CUSTOMVAR:SECTIONIMAGE3"></p>
NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span><br>NETQUOTEVAR:EXTINFOBUTTON
<br>
<span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
NETQUOTEVAR:PRICEEXPLANATION </span><br>
<b>NETQUOTEVAR:PRODUCTPRICE</b><br>
<span class="actxsmall">NETQUOTEVARISCOUNTINFO </span>
<span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
<span class="actxsmall">NETQUOTEVARATEPROMPT </span>
</td></tr>
</tr>
<tr>
<td align="LEFT"><span class="actxsmall">
NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
</span>
NETQUOTEVAR:TEMPLATEENDXML
</td>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

(Just in case any one else wants to use it.)

thanks again,
Mark.