web design catalouge

Web design

In our web-shop we have different designs for our catalogue.

Our shop-system builds the catalogue using flexlist.

We want to have a merge between two of our designs. The design shown at

[url removed, login to view]

and the design shown at

[url removed, login to view]

At same time we want the “pris” to be placed at the same “line” no matter how long the item description is. The same goes for the button “bestil” it is not that way today at the [url removed, login to view] .

The flexlist code for the above link is now:

""<table border="0" align="center" valign="middle" width="65%" class="esm_pl_table">

<!-- esmlos001 200404 -->

<tr align="center" valign="middle" class="esm_pl_row1">

<td colspan=1 align=center valign=middle width="33%" bgcolor="#FAFCC2" class="esm_pl_td1">

<table height="75%" border="0" width="75%">

<tr class="esm_pl_row1"><td height="305" valign="top" align="left" class="esm_pl_td1">

<font size=2>

[pl_infopopup][product_thumbnail][/pl_infopopup]<br>

<b>[pl_infopopup]<font color="#008000">[product_name][/pl_infopopup]</b><br>

[product_description]<p>[product_instock]

</font>

</td></tr>

<tr class="esm_pl_row1"><td height="15" valign="top" align="right" class="esm_pl_td1">

<font size=3>

Pris: [product_price]

</font>

</td></tr>

<tr class="esm_pl_row1"><td height="15" valign="bottom" align="right" class="esm_pl_td1">

[pl_orderbutton]

</td></tr>

</table>

</td>

[next_product]

<td colspan=1 align=center valign=middle width="33%" bgcolor="#FAFCC2" class="esm_pl_td2">

<table height="75%" border="0" width="75%">

<tr class="esm_pl_row2"><td height="205" valign="top" align="left" class="esm_pl_td2">

<font size=2>

[pl_infopopup][product_thumbnail][/pl_infopopup]<br>

<b>[pl_infopopup]<font color="#008000">[product_name][/pl_infopopup]</b><br>

[product_description]<p>[product_instock]

</font>

</td></tr>

<tr class="esm_pl_row2"><td height="15" valign="top" align="right" class="esm_pl_td2">

<font size=3>

Pris: [product_price]

</font>

</td></tr>

<tr class="esm_pl_row2"><td height="15" valign="bottom" align="right" class="esm_pl_td2">

[pl_orderbutton]

</td></tr>

</table>

</td>

[next_product]

<td colspan=1 align=center valign=middle width="33%" bgcolor="#FAFCC2" class="esm_pl_td1">

<table height="75%" border="0" width="75%">

<tr class="esm_pl_row1"><td height="205" valign="top" align="left" class="esm_pl_td1">

<font size=2>

[pl_infopopup][product_thumbnail][/pl_infopopup]<br>

<b>[pl_infopopup]<font color="#008000">[product_name][/pl_infopopup]</b><br>

[product_description]<p>[product_instock]

</font>

</td></tr>

<tr class="esm_pl_row1"><td height="15" valign="top" align="right" class="esm_pl_td1">

<font size=3>

Pris: [product_price]

</font>

</td></tr>

<tr class="esm_pl_row1"><td height="15" valign="bottom" align="right" class="esm_pl_td1">

[pl_orderbutton]

</td></tr>

</table>

</td>

</tr>""

the job is to create a flex-list we can use in our shop, where we have 3 products in a row:

headline with a green background as at [url removed, login to view]

“Pris” placed at the same line across the site

“Button” placed at the same line across the site.

If you have questions do not hesitate to ask.

Kind regards

Tom

HTML Shopping Carts Website Testing

Project ID: #651584

About the project