ShopSite Forums

Your source for ShopSite user collaboration

Skip to content

table insertion in product template

General ShopSite user discussion
Post a reply

table insertion in product template

Postby lance uppercut » Thu Jun 07, 2007 1:08 pm

hi, non-programmer here (as if you hadn't guessed that already by my other questions). I'm coming along on the use of semi-custom product & page templates. my page template is basically a straight HTML page that calls up the product template in a defined content table, and has a mini cart include in another part of the page.

so, the majority of what I need to tweak is on the product template side of the house. Here is my current product template code, it is built almost verbatim of the stained glass template:

# Stained Glass Product Template

#######################
[--DEFINE SUBPRODUCT--]
#######################
[-- VAR.SubForm no --]
[-- VAR.SubOptions no --]
[-- VAR.SubQuantity no --]

#######################
# Subproduct Name #
#######################
[-- IF PRODUCT.DisplayMoreInformationPage --]
<font size="4" color="#000066">•</font> <a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PRODUCT.MoreInformationFileName --]">[-- PRODUCT.Name --]</a>
[-- ELSE --]
<font size="4" color="#000066">•</font> [-- PRODUCT.Name --]
[-- END_IF --]
&nbsp;&nbsp;

#######################
# Subproduct Price #
#######################
[--IF PRODUCT.SaleOn--]
[-- IF PRODUCT.SaleAmount --]
<strike>[-- PRODUCT.Price --]</strike>&nbsp;&nbsp;[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
[--IF PRODUCT.AltPrice--]
&nbsp;&nbsp;<strike>[-- PRODUCT.AltPrice --]</strike>&nbsp;&nbsp;[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.AltSaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
[-- END_IF --]
[-- END_IF --]
[--Else--]
# product is not on sale, so just display price
[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --]
[-- PRODUCT.Price --]
[--IF PRODUCT.AltPrice--]
&nbsp;&nbsp;[-- PRODUCT.AltPrice --]
[-- END_IF --]
[-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]
[-- END_IF --]

#######################
# Ordering Options #
#######################
[-- IF PRODUCT.DisplayOrderingOptions --]
[-- VAR.SubForm yes --]
[-- VAR.SubOptions yes --]
[-- END_IF --]

#######################
# Order Quantity #
#######################
[-- IF PRODUCT.DisplayOrderQuantity checked --]
[-- VAR.SubForm yes --]
[-- VAR.SubQuantity yes --]
[-- END_IF --]

#######################
# ADD TO CART BUTTON #
#######################
[-- IF VAR.SubForm no --]
&nbsp;&nbsp;<a href="[--PRODUCT.AddToCartURL--]&super=[-- PRODUCT.Parent --]"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/add_to_cart.gif" border="0"></a><br>
[-- ELSE --]
<form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" style="display:inline" method=post>
<input type=hidden name=storeid value=[-- STORE_ID --]>
<input type=hidden name="super" value="[-- Product.Parent --]">
<input type=hidden name=dbname value=products>
<input type=hidden name=function value=add>
<input type=hidden name=itemnum value=[-- PRODUCT.RecordNumber --]>
[-- IF VAR.SubOptions yes --]
<br>[-- PRODUCT.OptionText --]
[-- ORDER_OPTION_MENU LINE --]
[-- END_IF --]

[-- IF VAR.SubQuantity yes --]
[-- IF VAR.SubOptions no --]
<br>
[-- END_IF --]
Quantity <input type=text size=2 name="[-- PRODUCT.RecordNumber --]:qnty" value="1" >&nbsp;&nbsp;
[-- END_IF --]
<input type=image src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/add_to_cart.gif" width=121 height=19 hspace=3 vspace=3 border=0 align="absbottom" name="Add to Cart" alt="Add to Cart">
</form><br>
[-- END_IF --]

###########################
[--END_DEFINE SUBPRODUCT--]
###########################



####################
[--DEFINE PRODUCT--]
####################
### Set a bunch of variables ###
[-- VAR.TableLayout no --]
[-- VAR.Form no --]
[-- VAR.Options no --]
[-- VAR.Quantity no --]
[-- VAR.Graphic no --]
[-- IF PRODUCT.TextWrap On --]
[-- VAR.wrap on --]
[-- ELSE --]
[-- VAR.wrap off --]
[-- END_IF --]
[-- IF PRODUCT.ImageAlignment center --]
[-- VAR.wrap on --]
[-- END_IF --]
[-- IF PRODUCT.ImageAlignment right --]
[-- VAR.ImageAlign align=right --]
[-- ELSE_IF PRODUCT.ImageAlignment left --]
[-- VAR.ImageAlign align=left --]
[-- ELSE --]
[-- VAR.ImageAlign "" --]
[-- END_IF --]
[-- IF PRODUCT.DisplayGraphic--]
[-- IF PRODUCT.Graphic --]
[-- VAR.Graphic yes --]
[-- END_IF --]
[-- END_IF --]
# A table layout is only required if all these conditions are true:
## there is a graphic,
## the graphic is to be displayed,
## text wrap is off,
## image alignment is left or right (can be determined by VAR.wrap value)
[-- IF VAR.Graphic yes --]
[-- IF VAR.wrap off --]
[-- VAR.TableLayout yes --]
[-- END_IF --]
[-- END_IF --]

####################
# PRODUCT GRAPHIC #
####################
[-- IF VAR.TableLayout yes --]
<table cellspacing="0" border="0">
<tr>
<td valign="top">
[-- ELSE --]
[-- IF PRODUCT.ImageAlignment center --]
<center>
[-- END_IF --]
[-- END_IF --]

[-- IF VAR.Graphic yes --]
[-- IF VAR.TableLayout yes --]
[-- IF PRODUCT.ImageAlignment right --]
# do nothing because graphic is placed later
[-- ELSE --]
[-- IF PRODUCT.DisplayMoreInformationPage--]
<a href="[-- PRODUCT.MoreInfoURL --]">[-- PRODUCT.Graphic --]</a>
[-- ELSE --]
[-- PRODUCT.Graphic --]
[-- END_IF --]
[-- END_IF --]
[-- ELSE --]
[-- IF PRODUCT.DisplayMoreInformationPage--]
<a href="[-- PRODUCT.MoreInfoURL --]"><img [-- PRODUCT.Graphic REMOVE_HTML --] [-- VAR.ImageAlign --]></a>
[-- ELSE --]
<img [-- PRODUCT.Graphic REMOVE_HTML --] [-- VAR.ImageAlign --]>
[-- END_IF --]
[-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.ImageAlignment center --]
</center>
[-- END_IF --]

[-- IF VAR.TableLayout yes --]
[-- IF PRODUCT.ImageAlignment right --]
#do nothing
[-- ELSE --]
</td> <!-- This closes the product graphic cell -->
<td valign="top"> <!-- This opens the text cell -->
[-- END_IF --]
[-- END_IF --]

####################
# PRODUCT NAME #
####################
[-- IF PRODUCT.DisplayName --]
[-- PRODUCT.NameSize Begin --][-- PRODUCT.NameStyle Begin --]
[-- IF PRODUCT.DisplayMoreInformationPage--]
<a href="[-- PRODUCT.MoreInfoURL --]">[-- PRODUCT.Name --]</a>
[-- ELSE --]
[-- PRODUCT.Name --]
[-- END_IF --]
[-- PRODUCT.NameSize End --][-- PRODUCT.NameStyle End --]<br>
[-- END_IF --]

########################
# PRODUCT SUBPRODUCTS #
########################
[-- IF PRODUCT.Subproduct --]
# Product has subproducts, so just show description for this product
# and then loop through subproducts
[-- PRODUCT.DescriptionSize Begin --][-- PRODUCT.DescriptionStyle Begin --][-- PRODUCT.ProductDescription --][-- PRODUCT.DescriptionSize End --][-- PRODUCT.DescriptionStyle End --]<br>

[-- VAR.MoreInfo no --]

[--LOOP SUBPRODUCTS--]
[--SUBPRODUCTS--]
[--END_LOOP SUBPRODUCTS--]

[-- ELSE --]
# Product does not have subproducts

####################
# PRODUCT PRICE #
####################
# if merchant wants price displayed
[--IF PRODUCT.DisplayPrice --]
# if merchant wants sale price displayed
[--IF PRODUCT.SaleOn--]
# if price is to be displayed, and product is on sale and there is a sale price
[-- IF PRODUCT.SaleAmount --]
<strike>[-- PRODUCT.Price --]</strike>&nbsp;&nbsp;[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
# likewise for alternate price
[--IF PRODUCT.AltPrice--]
&nbsp;&nbsp;<strike>[-- PRODUCT.AltPrice --]</strike>&nbsp;&nbsp;[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.AltSaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
[-- END_IF --]
<br>
[-- END_IF --]
[--Else--]
# product is not on sale, so just display price
[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --]
[-- PRODUCT.Price --]
[--IF PRODUCT.AltPrice--]
&nbsp;&nbsp;[-- PRODUCT.AltPrice --]
[-- END_IF --]
[-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]
<br>
[-- END_IF --]
[-- ELSE --]
# merchant does not want price displayed, but does want sale price displayed
[--IF PRODUCT.SaleOn--]
# check to make sure that a sale price exists
[-- IF PRODUCT.SaleAmount --]
# display sale price, but not regular price
[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
# same for alternate price
[--IF PRODUCT.AltPrice--]
&nbsp;&nbsp;[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.AltSaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
[-- END_IF --]
<br>
[-- END_IF --]
[-- END_IF --]
[-- END_IF --]


####################
# PRODUCT SKU #
####################
[--IF PRODUCT.DisplaySKU --]
[-- PRODUCT.SKUSize Begin --][-- PRODUCT.SKUStyle Begin --][-- PRODUCT.SKU --][-- PRODUCT.SKUSize End --][-- PRODUCT.SKUStyle End --]<br>
[--End_If--]


########################
# PRODUCT DESCRIPTION #
########################
# Product Description
[-- IF PRODUCT.ProductDescription --]
[-- PRODUCT.DescriptionSize Begin --][-- PRODUCT.DescriptionStyle Begin --][-- PRODUCT.ProductDescription --][-- PRODUCT.DescriptionSize End --][-- PRODUCT.DescriptionStyle End --]<br>
[-- END_IF --]

#######################
# Ordering Options #
#######################
[-- IF PRODUCT.DisplayOrderingOptions --]
[-- VAR.Form yes --]
[-- VAR.Options yes --]
[-- END_IF --]

#######################
# Order Quantity #
#######################
[-- IF PRODUCT.DisplayOrderQuantity checked --]
[-- VAR.Form yes --]
[-- VAR.Quantity yes --]
[-- END_IF --]

#######################
# ADD TO CART BUTTON #
#######################
[-- IF PRODUCT.QuantityPricing --]
<p class="Space">&nbsp;</p>
[-- PRODUCT.QuantityPricing --]
<p class="Space">&nbsp;</p>
[-- END_IF --]

[-- IF VAR.Form no --]
<a href="[--PRODUCT.AddToCartURL--]"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/add_to_cart.gif" border="0"></a>
[-- ELSE --]
<form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method=post>
<input type=hidden name=storeid value=[-- STORE_ID --]>
<input type=hidden name=dbname value=products>
<input type=hidden name=function value=add>
<input type=hidden name=itemnum value=[-- PRODUCT.RecordNumber --]>

[-- IF VAR.Options yes --]
[-- IF PRODUCT.OptionText --]
[-- PRODUCT.OptionText --]
[-- END_IF --]
[-- ORDER_OPTION_MENU LINE --]
[-- END_IF --]

[-- IF VAR.Quantity yes --]
Quantity <input type=text size=2 name="[-- PRODUCT.RecordNumber --]:qnty" value="1" >&nbsp;&nbsp;
[-- END_IF --]

<input type=image src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/add_to_cart.gif" width=121 height=19 hspace=3 vspace=3 border=0 align="absbottom" name="Add to Cart" alt="Add to Cart">
</form>
[-- END_IF --]

# end the IF PRODUCT.subproducts
[--END_IF--]

###########################
# PRODUCT GRAPHIC #
# align=right, wrap=off #
###########################
[-- IF VAR.TableLayout yes --]
</td> <!-- Close cell for product name and description -->
# if image align=right, put graphic in cell here
[-- IF PRODUCT.ImageAlignment right --]
<td valign="top">
[-- IF PRODUCT.DisplayMoreInformationPage --]
<a href="[-- PRODUCT.MoreInfoURL --]">[-- PRODUCT.Graphic --]</a>
[-- ELSE --]
[-- PRODUCT.Graphic --]
[-- END_IF --]
</td>
[-- END_IF --]
</tr>
</table>
[-- END_IF --]

[-- END_DEFINE PRODUCT--]


############################
[-- DEFINE MORE_INFO_PAGE--]
############################
[-- VAR.MoreInfo yes --]
[-- VAR.Form yes --]
[-- VAR.Options yes --]
[-- VAR.Quantity yes --]
<html>
<head>
<title>
[-- IF PRODUCT.MoreInformationTitle --]
[-- PRODUCT.MoreInformationTitle Remove_HTML --]</title>
[-- ELSE --]
[-- IF PRODUCT.DisplayName --]
[-- IF PRODUCT.Subproduct --]
[-- PRODUCT.Name Remove_HTML --] at
[-- ELSE --]
[-- IF PRODUCT.VariablePrice? --]
[-- IF PRODUCT.VariableName? --]
# don't display name
[-- ELSE --]
[-- PRODUCT.Name Remove_HTML --] at
[-- END_IF --]
[-- ELSE --]
[-- PRODUCT.Name Remove_HTML --] at
[-- END_IF --]
[-- END_IF --]
[-- END_IF --]
[-- STORE.Name Remove_HTML --]</title>
[-- END_IF --]
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
[-- IF PRODUCT.MoreInformationMetaDescription --]
<META NAME="Description" CONTENT="[-- PRODUCT.MoreInformationMetaDescription --]">
[-- END_IF --]
[-- IF PRODUCT.MoreInformationMetaKeywords --]
<META NAME="Keywords" CONTENT="[-- PRODUCT.MoreInformationMetaKeywords --]">
[-- END_IF --]
<style type"text/css">
<!--
body, p, h1, h2, h3, td, div, ol, ul, dl {
font-family: Arial, Verdana, Helvetica, sans-serif;
}

body {
margin: 0em;
color: [-- MORE_INFO.TextColor --];
background-color: [-- MORE_INFO.BackgroundColor --];
font-size: 10pt;
}

a:link {
color: #[-- MORE_INFO.LinkColor --];
}
a:visited {
color: #[-- MORE_INFO.VisitedLinkColor --];
}
a:hover {
color: #[-- MORE_INFO.LinkColor --];
}
a:active {
color: #[-- MORE_INFO.ActiveLinkColor --];
}

h1 {
font-size: 18pt;
margin-top: 10px;
margin-bottom: 0pt;
}

h2 {
font-size: 16pt;
margin-top: 8px;
margin-bottom: 0pt;
}

h3 {
font-size: 14pt;
margin-top: 8px;
margin-bottom: 0pt;
}

table.header
{ background-image: url([-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_background_top.gif);
background-position: top left;
background-repeat: no-repeat;
border: 0pt;
width: 800;
height: 154}

table.footer
{ background-image: url([-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_background_bottom.gif);
background-position: top left;
background-repeat: no-repeat;
border: 0pt;
width: 800;
height: 160}

table.middle {
background-image: url([-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_background_middle.gif);
background-position: top left;
background-repeat: repeat-y;
width: 800;
}

table.name
{ background-image: url([-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_banner.gif);
background-position: center center;
background-repeat: no-repeat;
border: 0pt;
width: 400;
height: 50}

td.name
{ text-align: center;
vertical-align: middle;
font-size: 18pt;
font-weight: bold}

td.graphic
{ text-align: center;
padding-top: 15}

table.qp_header {
font-size: 10pt;
}

p.Space {
font-size: 6pt;
margin-left: 0em;
margin-top: 0em;
margin-bottom: 0em;
}
-->
</style>

</head>

<body marginwidth="0" marginheight="0">

<font face="sans-serif">

<!--********************-->
<!--*** Header Table ***-->
<!--********************-->
<table class="header">
[-- IF MORE_INFO.DisplayPageHeader --]
<tr>
<td class="graphic" colspan="3">
[-- HEADER --]
</td>
</tr>
[-- END_IF --]

<tr>
<td align="center">

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_banner_left.gif" height="50" width="35"></td>
<td height="50" background="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_banner_middle.gif" valign="top" align="center"><nobr><h1>[-- PRODUCT.Name --]</h1></nobr></td>
<td valign="middle"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_banner_right.gif" height="50" width="35"></td>
</tr>
</table>
<!--
<table class="name">
<tr><td class="name">
[-- PRODUCT.Name --]
</td></tr>
</table>
-->
</td>
</tr>
</table>


<!--********************-->
<!-- Begin Middle Table -->
<!--********************-->
<table class="middle">
<tr>
<td width="8">&nbsp;</td> <!-- left side spacer -->
<td align="center">
[-- PRODUCT.MoreInformationGraphic --]
<small>[-- PRODUCT.SKU --]</small>
</td>
<td width="8">&nbsp;</td> <!-- right side spacer -->
</tr>

<tr>
<td width="8">&nbsp;</td> <!-- left side spacer -->
<td align="center">
<table>
<tr>
<td>
[-- PRODUCT.MoreInformationText --]
</td>
</tr>

[-- IF PRODUCT.Subproduct --]
# Product has subproducts
<tr>
<td>
[--LOOP SUBPRODUCTS--]
[--SUBPRODUCTS--]
[--END_LOOP SUBPRODUCTS--]

[-- ELSE --]
# Product does not have subproducts
<tr>
<td>

####################
# PRODUCT PRICE #
####################
# if merchant wants price displayed
[--IF PRODUCT.DisplayPrice --]
# if merchant wants sale price displayed
[--IF PRODUCT.SaleOn--]
# if price is to be displayed, and product is on sale and there is a sale price
[-- IF PRODUCT.SaleAmount --]
<strike>[-- PRODUCT.Price --]</strike>&nbsp;&nbsp;[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
# likewise for alternate price
[--IF PRODUCT.AltPrice--]
&nbsp;&nbsp;<strike>[-- PRODUCT.AltPrice --]</strike>&nbsp;&nbsp;[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.AltSaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
[-- END_IF --]
<br>
[-- END_IF --]
[--Else--]
# product is not on sale, so just display price
[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --]
[-- PRODUCT.Price --]
[--IF PRODUCT.AltPrice--]
&nbsp;&nbsp;[-- PRODUCT.AltPrice --]
[-- END_IF --]
[-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]
<br>
[-- END_IF --]
[-- ELSE --]
# merchant does not want price displayed, but does want sale price displayed
[--IF PRODUCT.SaleOn--]
# check to make sure that a sale price exists
[-- IF PRODUCT.SaleAmount --]
# display sale price, but not regular price
[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.SaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
# same for alternate price
[--IF PRODUCT.AltPrice--]
&nbsp;&nbsp;[-- PRODUCT.PriceSize Begin --][-- PRODUCT.PriceStyle Begin --][-- PRODUCT.AltSaleAmount --][-- PRODUCT.PriceSize End --][-- PRODUCT.PriceStyle End --]&nbsp;[-- STORE.OnSaleText --]
[-- END_IF --]
<br>
[-- END_IF --]
[-- END_IF --]
[-- END_IF --]

#######################
# Ordering Options #
#######################
[-- IF PRODUCT.DisplayOrderingOptions --]
[-- VAR.Form yes --]
[-- VAR.Options yes --]
[-- END_IF --]

#######################
# Order Quantity #
#######################
[-- IF PRODUCT.DisplayOrderQuantity checked --]
[-- VAR.Form yes --]
[-- VAR.Quantity yes --]
[-- END_IF --]

#######################
# ADD TO CART BUTTON #
#######################
[-- IF PRODUCT.QuantityPricing --]
<p class="Space">&nbsp;</p>
[-- PRODUCT.QuantityPricing --]
<p class="Space">&nbsp;</p>
[-- END_IF --]

[-- IF VAR.Form 0 --]
&nbsp;&nbsp;<a href="[--PRODUCT.AddToCartURL--]"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/add_to_cart.gif" border="0"></a>
[-- ELSE --]
<form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method=post>
<input type=hidden name=storeid value=[-- STORE_ID --]>
<input type=hidden name=dbname value=products>
<input type=hidden name=function value=add>
<input type=hidden name=itemnum value=[-- PRODUCT.RecordNumber --]>

[-- IF VAR.Options yes --]
[-- PRODUCT.OptionText --]
[-- ORDER_OPTION_MENU LINE --]
[-- END_IF --]

[-- IF VAR.Quantity yes --]
Quantity <input type=text size=2 name="[-- PRODUCT.RecordNumber --]:qnty" value="1" >&nbsp;&nbsp;
[-- END_IF --]

<input type=image src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/add_to_cart.gif" width=121 height=19 hspace=3 vspace=3 border=0 align="absbottom" name="Add to Cart" alt="Add to Cart">
</form>
[-- END_IF --]

# end the IF PRODUCT.subproducts
[--END_IF--]

</td>
</tr>

</table>
</td>
<td width="8">&nbsp;</td> <!-- right side spacer -->
</tr>
</table>

<!--********************-->
<!-- Begin Footer Table -->
<!--********************-->
<table class="footer">
<tr>
<td align="center">
[--IF MORE_INFO.DisplayPageFooter--]
[-- FOOTER --]
[--END_IF--]
</td>
</tr>
<tr>
<td align="center">
<a href="javascript:history.back(-1)"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_button_back.gif" border="0"></a>
&nbsp;&nbsp;
<a href="[--SHOPPING_CART_URL--]"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/sg_button_view.gif" border="0"></a>
</td>
</tr>
</table>
</font>
</body>
</html>
[-- VAR.MoreInfo "" --]
[-- END_DEFINE MORE_INFO_PAGE--]


my primary question right now is how I can easily separate my image graphic and 'everything else' related to the product into two separate cells. some of my text & add to cart buttons are slipping underneath the bottom of my product images, looks sloppy. I figure (hope) this is an easy thing to rectify within the template, but am a little lost as to what & where to swap in some td tags.

TIA.
lance uppercut
 
Posts: 15
Joined: Thu May 10, 2007 9:04 am
Top

Reply: table insertion in product template

Postby ShopSite Lauren » Wed Jun 20, 2007 3:43 pm

Are you refering to the More Information Page, or how the product appears on the catalog pages?

If you would like your product image to be on the left, and your product information to be on the right when your product in on your category pages, then all you would need to do is turn the text wrap off. The text wrap is the reason why the text (or in your case, the add to cart buttons) are slipping under you image. If you go to Products > Edit Product Layout, and turn the Text Wrap off, then the text/images will no longer do that.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Top
Post a reply

Return to User Forum

Who is online

Users browsing this forum: No registered users and 60 guests

Powered by phpBB® Forum Software © phpBB Group