Product Line Layout

[Big Game Hunter]

Greetings Everyone

We in the process of upgrading parts of site, since they are slightly out of date. What we are trying to do is change the layout on some of the products, the best thing to do is give an example.here's the page we want to change: http://www.gardengames.co.uk/acatalo...ampolines.html

As you can see the page is to long, what we want do is manipulate the prodoct_line.html ? is that the right template ? to have text under the image as a seperate section. For instance instead of having the trampoline specs running down the right hand side of te page with the rest of the text making the page long & boring, but to rather have the trampoline specs under the image. Then the product name & discription on the right as normal.

Is that possible firstly & secondly is product line the right template to be editing ? I have alrady tried using tables within the template, but no luck.

Any help would be appreciated, hope i made sense..

Cheers
Shannon

[Duncan Rounding]

I understand what you are trying to achieve. Are your specs part of your description or a seperate NQV? If they are part of the product xdescription then you won't be able to seprate them. If they a separate NQV then you can place them where you want to.

You have the right template to modify.
Look at the code after
<!-- START each product lives in this table - alter below to rearrange items -->
In particular the NQV's for the prodcut image, description, price etc. Play around the formatting bit by bit and check the results.

[Big Game Hunter]

Part Of Discription, But Soon A NQV

Hi Duncan

Thanks for your feedback. The Specifications are currently part of the description but we are in the process of making them a NQV. However i can't see the part of the code you are describing. I'm going to post up the code of the template we working on:

<!-- ProductLine3 HTML begin -->
<!-- Insert HTML for the top of the individual product -->
<font size="2">NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<script language=JavaScript>
<!-- (V11)
current = "NETQUOTEVAR:IMAGEFILE";
iwidth = 'NETQUOTEVAR:IMAGEWIDTH';
iheight = 'NETQUOTEVAR:IMAGEHEIGHT';
scaledown = 'CUSTOMVAR:ICONSCALE';
rcolcount = 'CUSTOMVAR:ICONSPERLINE';
buttonunder = CUSTOMVAR:BUTTONUNDER;
textunder = CUSTOMVAR:TEXTUNDER;
rcolpos = 0;
// -->
</script>
<tr>
	<td rowspan="2" valign="TOP" align="CENTER">
	NETQUOTEVAR:TEMPLATEBEGINXML
		<a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
		<br><br>NETQUOTEVAR:PRODUCTIMAGE
		<br><span class="actsmall"><i>NETQUOTEVAR:PRODUCTREF</i></span>
	</td>

	<td colspan="2" valign="TOP" align="LEFT">
		<span class="actsmall">
		NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINKNETQUOTEVAR:EXTINFOBUTTON
		<br>NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
		NETQUOTEVAR:PRICEEXPLANATION
		<br><b>NETQUOTEVAR:PRODUCTPRICE</b>
		NETQUOTEVAR:OTHERINFOPROMPT
		NETQUOTEVAR:DATEPROMPT
		<br></span>
	</td>
</tr>
<tr>
	<td colspan="2" valign="TOP" align="LEFT">
			<span class="actxsmall">
			NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
			<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
			</span>
	NETQUOTEVAR:TEMPLATEENDXML
	</td>
</tr>

NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT</font><!-- ProductLine3 HTML end -->

Please excuse me if i@m just being dumb about this, but we are still trying to get into the whole actinic swing of things..

Cheers
Shannon

[Duncan Rounding]

I think you have a different template to the one I grabbed. The principle is the same mind. The NQVs such as productimage, price, description can be rearranged as you wish. maybe you could start by adding a table with a border set so you can see it and duplicate some of the NQVs that you want moved around. Bear in mind that this template is part of another table - so you could nest a table into one of the rows to test.

[hobuk]

Shannon,

do you want something like this if so i will post the template with thanks to norman!!

Regards
Lee

[Big Game Hunter]

That Looks Fantastic...

Hi Lee

That page looks great, if you don't mind i would like to see what you have done in your template to get that...

In the meantime we have managed to figure out our problem & have designed a new template, so if anyone else was following this thread & is intrested we used a customvar within a productline template. Below is the product line template code we created:

<!-- ProductLine3 HTML begin -->
<!-- Insert HTML for the top of the individual product -->
<font size="2">NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
	<td rowspan="2" valign="TOP" align="LEFT">
	NETQUOTEVAR:TEMPLATEBEGINXML
		<a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
		<br><br> NETQUOTEVAR:PRODUCTIMAGE CUSTOMVAR:ACTTRSPEC
		<br><span class="actsmall"><i>NETQUOTEVAR:PRODUCTREF</i></span>
	</td>

	<td colspan="2" valign="TOP" align="LEFT">
		<span class="actsmall">
		NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINKNETQUOTEVAR:EXTINFOBUTTON
		<br>NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
		NETQUOTEVAR:PRICEEXPLANATION
		<br><b>NETQUOTEVAR:PRODUCTPRICE</b>
		NETQUOTEVAR:OTHERINFOPROMPT
		NETQUOTEVAR:DATEPROMPT
		<br></span>
	</td>
</tr>
<tr>
	<td colspan="2" valign="TOP" align="LEFT">
			<span class="actxsmall">
			NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
			<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
			</span>
	NETQUOTEVAR:TEMPLATEENDXML
	</td>
</tr>

NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT</font><!-- ProductLine3 HTML end -->

What we then did is put the info which is sitting under the image in a sepate notepad. (note here make sure you only use notepad, for some reason anything else just makes the copy do weird & wonderful things)

You then input a path to the file in the properties section of your product. Choose all the options & make sure your customvar is selected in the properties box & you are away.

This is what we managed to come up with: http://www.gardengames.co.uk/acatalo...ampolines.html

Thanks for your help Duncan as well...

Cheers
Shannon

[Duncan Rounding]

Big improvement Shannon.

[Big Game Hunter]

Cheers 4 that Duncan...

[hobuk]

Hi,

template attached that lets you wrap the text around the image, use !!<<br clear=all>>!! in the discription when you want the text to break and go under the image if it breaks in the wrong place without

Thanks
Lee