Tabular Display of Products on Products Template

[extragear]

Greetings:

I am working on redesigning our website. What we plan on doing is creating a mockup the best we can of what we want the redesign to look like before we begin shopping for a designer to produce the finish results.

One thing we want to do is have a product page variant that would list certain products in a tabular form. For example, we have brackets that essentially look very similar and have all the same features. So we want to display these on the product page as:

Product Name, Sku, Instructions, Price, Sale Price, More Info Page Link
Product Name, Sku, Instructions, Price, Sale Price, More Info Page Link
Product Name, Sku, Instructions, Price, Sale Price, More Info Page Link
Product Name, Sku, Instructions, Price, Sale Price, More Info Page Link

Etc..

I've created a new page layout and change the product loop to 1 from 3 for starters. But as for modifying the product page layout, I am alittle stumped. Looking at the cookbook and Shopsite built in templates didnt help. My first thoughts would be a table to contain and organize the layout. Placing the Shopsite tags in the cells.


For example,

<table style="width: 100%" align="center">
<tr>
<td>Product Name [-- Product.Name --]</td>
<td>Sku [-- Product.SKU --]</td>
<td>Mounting Instructions [-- PRODUCT.Field6 --]</td>
<td>MSRP [-- Product.Price --]</td>
<td>Your Price [-- Product.SaleAmount --]</td>
<td>More Information Page Link [-- Product.moreInfoURL --]</td>
</tr>
<tr>
<td>Product Name [-- Product.Name --]</td>
<td>Sku [-- Product.SKU --]</td>
<td>Mounting Instructions [-- PRODUCT.Field6 --]</td>
<td>MSRP [-- Product.Price --]</td>
<td>Your Price [-- Product.SaleAmount --]</td>
<td>More Information Page Link [-- Product.moreInfoURL --]</td>
</tr>
<tr>
<td>Product Name [-- Product.Name --]</td>
<td>Sku [-- Product.SKU --]</td>
<td>Mounting Instructions [-- PRODUCT.Field6 --]</td>
<td>MSRP [-- Product.Price --]</td>
<td>Your Price [-- Product.SaleAmount --]</td>
<td>More Information Page Link [-- Product.moreInfoURL --]</td>
</tr>
</table>

(Note, I am ignoring the formatting of the display as this is just a mockup)

If anyone would share an example of the this or provide some tips, it would be appreciated.

Note, we will not be listing these products as subproducts. We are using pro and have the latest version of Shopsite.

Thanks

Tim

Belden Motosport
607-693-1031

[BFChris]

On the right track.

What you'll probably want to do is open and close the table in the Page template.

Then, for the PRODUCT loop template, each item consists of a complete table row. The loop will then create as many rows as needed. Then close the table with a </table> in the page template after the LOOP PRODUCTS tag.

[VinceS]

Hi Tim

Take a look at this page
http://www.ahoycaptain.com/shop/br_sailboatstands.html
and let me know if this is what you're looking for.

This is actually a Product More Information Page with sub-products.
I coded this so long ago I can't remember why I did it as a Product and not a Page. Anyway it works and that's the important part.

Vince

[crickart]

Hi Tim

Take a look at this page
http://www.ahoycaptain.com/shop/br_sailboatstands.html
and let me know if this is what you're looking for.

This is actually a Product More Information Page with sub-products.
I coded this so long ago I can't remember why I did it as a Product and not a Page. Anyway it works and that's the important part.

Vince

I am desperately trying to make a product template similar to the page reference above.
Can any one help me with the proper code?
I'm trying to display the SKU first then Description second the Price third then ADD to Cart button last. All on one line in individual cells similar to the table on this web site.

Help

[extragear]

Well, first off, don't get too frustrated as I'm sure there are others that struggle in modifying the templates. (I know I do. Its not my forte. )

What might help is to determine if you want to list products that are either

1. Subproducts in a tabular form, with a button that directly adds the item to the cart.

OR

2. Products in a tabular form, with a button that directly links to a products more information page.


At least this is how we ended up looking at it. Then search the forum for some previous postings concerning this.

Tim