1and1 Help Centre Categories

print article

How can I achieve a two-column display of the item overview?

You can display item overview in several columns. Please edit the following file:
Open eShop -> Shop design -> Edit template files -> product_overview.shopscriptThe changes listed in red must be made:

############################################################
#
# Shop Script 1.2
# File: product_overview.shopscript
#
###########################################################################
<?php
$font = "<font face='$global_fontface' color='$global_fontcolor_dark' size='$global_text_size'>";
$_font = "</font>";
$text_details_vat_price_mode = ($GROSS_PRICE_MODE==FALSE) ? $text_details_vat_plus : $text_details_vat_inclusive;
php?>

<?php
$col=1;
$columnwidth = intval($basket_table_width/2); // set the new column width
php?>

<% INIT_STRUCTURE %>
<html>
<head>
<title>$text_catalog_root_heading</title>
<% INCLUDE_VAR($CUSTOM_HEAD) %>
</head>
<body color="$global_fontcolor_dark" link="$global_color1_dark" alink="$global_color1_bright" vlink="$global_color1_dark" text="$global_fontcolor_dark" bgcolor="$global_background_color" <% BACKGROUND_TILE %>>
<% INCLUDE_VAR($CUSTOM_HEADER) %>

<% EchoHeadline(GetCategoryNavigation($text_catalog_root_heading, "<font color='$global_color1_bright'><b> >>> </b></font>", FALSE, 0)); %>

<table width="$basket_table_width" cellpadding=0 cellspacing=2 border=0>
<% ITEMLOOP %>

<% IF_ITEM %>
<% IF ($col == 1) %>
<tr><td width="$columnwidth" align="center"><table width="100%"><% TEMPLATE %></table></td>
<?php $col=2; php?>
<% ELSE_IF %>
<td width="100%" align="center"><table width="100%"><% TEMPLATE %></table></td></tr>
<?php $col=1; php?>
<% END_IF %>
<% ELSE_IF %>
<% IF ($col == 2) %>
<td> </td></tr>
<?php $col=1; php?>
<% END_IF %>
<tr><td colspan="2"><table width="100%"><% TEMPLATE %></table></td></tr>
<% END_IF %>

<% END_ITEMLOOP %>
<% IF_SHOW_BUTTON_BACK %>
<tr><td height=20> </td></tr>
<tr>
<td align=center colspan=3 valign=bottom>
<a href="../product_overview.shopscript"><img src="<% BUTTON_BACK %>" border=0 alt=""></a>
</td>
</tr>
<% END_IF %>
</table>
<% INCLUDE_VAR($CUSTOM_FOOTER) %>
</body>
</html>
<% LOG_PRODUCTOVERVIEW %>
You can also use this pattern to achieve a 3 or 5 column display. Please note that
you may also have to adapt the individual template files to improve the page design.
Check template_smalllist.template file