ShopSite Forums

by **BillCBos** » Fri Mar 05, 2010 4:33 pm

I am new to Shopsite and am building custom template (I hope) to support the following layout.

I want to display one product on a page, listing the product group options on the left - so when you click a product from the group, the product details (pic, price, desc., etc) change.

I built a product template and have the basic product display down fine, but the nav/select list is killing me.

I have a product group - top level. I created the four product sub-groups (created products, then selected them as the sub group). The actual product is actually a sub to that... but I can't even get past this first layer of the structure.

Here's the code I currently have (like the 500th iteration) for the product template. a table of three columns - the left column I want the "list"...

Can some one please provide me with some direction? Thanks.

[-- DEFINE SUBPRODUCT --]
[-- PRODUCT.Name --]
[-- END_DEFINE SUBPRODUCT --]
[-- DEFINE PRODUCT --]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="649">
<tr>

<td align="left" width="169">
<TABLE>
<TR><TD>
[-- LOOP SUBPRODUCTS --]
[-- SUBPRODUCTS --]
[-- END_LOOP SUBPRODUCTS --]
</TD></TR></TABLE>

</td>

<td align="center" width="244" valign="top">
[-- PRODUCT.Graphic --]</td>
<td width="218" align="center" valign="top"> [-- PRODUCT.Name --] 
[-- PRODUCT.SKU --] 
[-- PRODUCT.Price --] 

[-- PRODUCT.ProductDescription --]
</td>
</tr>
</table>

</body>
</html>
[-- END_DEFINE PRODUCT --]

by **Jim** » Sat Mar 06, 2010 7:55 am

When you are in the Define Subproduct code or the Loop Subproducts section you are dealing with a single product.

When you are in the Define Product code you are dealing with the parent product not one of the subproduct.

So this section of your code will always refer to the main product and not a subproduct.

Code: Select all: <td align="center" width="244" valign="top"> [-- PRODUCT.Graphic --]</td> <td width="218" align="center" valign="top"> [-- PRODUCT.Name --] [-- PRODUCT.SKU --] [-- PRODUCT.Price --] [-- PRODUCT.ProductDescription --]

So unless you can find a way to set javascript variables for the subproduct information and use them to display the information in that section of code it will not display the subproduct information.

Another option _might_ be to use css to display or hide each sub products information when the link is clicked on. You would need to setup the above section of code in the Define Subproduct section and just display it using css.

I don't know if either of those ways would work but the way you have it now definitely will not.

by **BillCBos** » Sat Mar 06, 2010 5:17 pm

Jim,

I think I could use an hour or two of instruction/advice from someone very familiar with cusomizing templates. I seem to be getting 80% there with everything I try and then run into a snag that either stalls me or causes me to undo and rework.

Would/could that person be you? If not, do you have a suggestion. If it is, how much would you charge for this time?

Thanks. and thanks for the quick response to my post.

Jim wrote:When you are in the Define Subproduct code or the Loop Subproducts section you are dealing with a single product.

When you are in the Define Product code you are dealing with the parent product not one of the subproduct.

So this section of your code will always refer to the main product and not a subproduct.

Code: Select all
<td align="center" width="244" valign="top"> [-- PRODUCT.Graphic --]</td> <td width="218" align="center" valign="top"> [-- PRODUCT.Name --] [-- PRODUCT.SKU --] [-- PRODUCT.Price --] [-- PRODUCT.ProductDescription --]

So unless you can find a way to set javascript variables for the subproduct information and use them to display the information in that section of code it will not display the subproduct information.

Another option _might_ be to use css to display or hide each sub products information when the link is clicked on. You would need to setup the above section of code in the Define Subproduct section and just display it using css.

I don't know if either of those ways would work but the way you have it now definitely will not.

by **Jim** » Sat Mar 06, 2010 9:48 pm

I'm not familiar with the javascripting or css enough to be of much assistance. You may want to check with some of the Certified ShopSite designers listed at http://shopsite.com/csd.html.

I'm not sure how much any of them charge or if they will just do individual instruction but they would be glad to hear from you and discuss your needs.

ShopSite Forums

one product displayed with left "nav" to select (c

one product displayed with left "nav" to select (c

Who is online