Shipping Weights

[kastlebrick]

So here's a good question..

I added a Pull-down Menu for a product which is a 6oz. tube of lotion, to give the option of choosing the 1oz. tube.

it looks like this..


6oz. Tube
1oz. Tube ($2.84) ;-6.87

the problem is the weight is different. Is there a way to also change the weight, so it recalculates the shipping costs.. clearly this will only be an issue when a costumer orders enough product to made a difference in total weight

[Jim]

In ShopSite 10sp2 the Order Option functionality was enhanced with new functionality to have individual weights, sku, graphics for each order option. So you can have one option be the 1oz tube and another with 6oz tube. When you add the items to the cart the option weights will affect the shipping charges based on which option they select. If you don't have ShopSite 10sp2 you can see how it works in a demo store available at:
http://ademostore.com/cgi-bin/ssdemos/start.cgi?demo=store&storename=evaluate for a clean store with no data in it or
http://ademostore.com/cgi-bin/ssdemos/start.cgi?demo=store&storename=alsdemo for a store populated with a few products.

[kastlebrick]

In ShopSite 10sp2 the Order Option functionality was enhanced

Great, another brick wall... our host site, does not support 10sp2, i just spoke with tech support an was informed I will not be able to upgrade from 10.0.

ANOTHER reason to leave them!!!

so is there any OTHER way, maybe..

6oz. Tube
1oz. Tube ($2.84) ;-6.87 ; sku - <~or something of the sort

OR

6oz. Tube
1oz. Tube ($2.84) ;-6.87 ;-.5lbs

[Jim]

Another way would be to have them as separate products and assign them as subproduct to a parent product. You can set up the parent product's template to display the subproducts in a pulldown list so they resemble order options but they function as individual products or as a list with checkboxes by each subproduct.

If your version of ShopSite has the "modern" theme, the product template for that theme has the subproducts as a list with check boxes. There is also a sample of how to add it to your own template at http://shopsite.com/templates/cookbook/product12-subcheckbox.shtml

The CropCircles theme product template has the subproducts in the pulldown list format similar to order options.
The cookbook has a sample of how to add this to your own template. http://shopsite.com/templates/cookbook/product11-subpulldown.shtml

A description of the above themes can be found at:
http://shopsite.com/templates/cookbook/builtintemplates-cropcircles.shtml for Crop Circles
http://shopsite.com/templates/cookbook/builtintemplates-modern.shtml for Modern

If you decide you want to switch hosting companies, search the forum since that topic has been discussed frequently. Search for something like "best host" or "hosting companies" etc.

This post has some good input from some merchants that moved to a different hosting company.
http://support.shopsite.com/forums/viewtopic.php?f=1&t=8036&p=20168

[kastlebrick]

thanks Jim, I'll look into this tomorrow as I am FRIED.. an need to quite for the day..


I do appreciate your input.. have a great night, ttyl, Jeff

[kastlebrick]

The CropCircles theme product template has the subproducts in the pulldown list format similar to order options.
The cookbook has a sample of how to add this to your own template. http://shopsite.com/templates/cookbook/product11-subpulldown.shtml

that would work.. if it worked. CLEARLY, I'm not doing it right.. that info isn't exactly step by step


what do I have to add where? ..to get shopsite to play nice?
I'd like to use this....

Code: Select all

[-- DEFINE SUBPRODUCT --]
<option value="[-- PRODUCT.RecordNumber --]">[-- PRODUCT.Name --] [-- IF PRODUCT.SaleAmount --][-- PRODUCT.SaleAmount --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --]</option>
[-- END_DEFINE SUBPRODUCT --]

Here's the template I'm using..

Code: Select all

#<!-- ------------------------------------------------ -->#
#<!-- Main Template File                               -->#
#<!-- filename: awesome_orange_001_pr_template.sst     -->#
#<!-- TEMPLATE: Product                                -->#
#<!-- THEME: Awesome Orange 001                        -->#
#<!-- copyright 2005 ShopSite inc. Design by Stunk     -->#
#<!-- ------------------------------------------------ -->#

#<!-- ------------------------------------------------ -->#
#<!-- ----------------- Sub Product ------------------ -->#
#<!-- ------------------------------------------------ -->#
[-- DEFINE SUBPRODUCT --]
[-- VAR.define "subproduct" --]
[-- INCLUDE awesome_orange_001_pr_vars.sst PROCESS --]

<table class="product_list">
  <tr class="product_list_row_1">
    <td class="product_list_1a"></td>
    <td class="product_list_1b"></td>
    <td class="product_list_1c"></td>
  </tr>
  <tr class="product_list_row_2">
    <td class="product_list_2a"></td>
    <td class="product_list_content">[-- INCLUDE awesome_orange_001_pr_include.sst PROCESS --]</td>
    <td class="product_list_2c"></td>
  </tr>
  <tr class="product_list_row_3">
    <td class="product_list_3a"></td>
    <td class="product_list_3b"></td>
    <td class="product_list_3c"></td>
  </tr>
</table>
[-- VAR.define "product" --]
[-- END_DEFINE SUBPRODUCT --]
#<!-- ------------------------------------------------ -->#
#<!-- ------------------- Product -------------------- -->#
#<!-- ------------------------------------------------ -->#
[-- DEFINE PRODUCT --]
[-- VAR.define "product" --]
[-- INCLUDE awesome_orange_001_pr_vars.sst PROCESS --]

<table class="product_list">
  <tr class="product_list_row_1">
    <td class="product_list_1a"></td>
    <td class="product_list_1b"></td>
    <td class="product_list_1c"></td>
  </tr>
  <tr class="product_list_row_2">
    <td class="product_list_2a"></td>
    <td class="product_list_content">[-- INCLUDE awesome_orange_001_pr_include.sst PROCESS --]</td>
    <td class="product_list_2c"></td>
  </tr>
  <tr class="product_list_row_3">
    <td class="product_list_3a"></td>
    <td class="product_list_3b"></td>
    <td class="product_list_3c"></td>
  </tr>
</table>

[-- END_DEFINE PRODUCT --]

#<!-- ------------------------------------------------ -->#
#<!-- ---------------- More Info Page ---------------- -->#
#<!-- ------------------------------------------------ -->#
[-- DEFINE MORE_INFO_PAGE --]
[-- VAR.define "moreinfo" --]

[-- INCLUDE awesome_orange_001_pr_vars.sst PROCESS --]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<link rel="shortcut icon" href="http://volcanodeluxe.com/img/favicon.ico" >
<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 --]
<META NAME="robots" CONTENT="index,follow">

  <title>[-- VAR.pr_title --]</title>

<style type="text/css">
<!--

/* Universal Settings */
  body {
 
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  margin:auto;
  background: url(http://volcanodeluxe.com/store/images/BGVD123.png); 
  background-repeat:repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: center;
    color: 000000;
    background-color: #FFFFFF;
  }

  div.wrapper {
    position: relative;
    top: 0px;
    bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
    width: 960px;
   border:0px;
    background: url(http://volcanodeluxe.com/store/images/VBDbrown_HOLE.png); 
    background-position:top;center;
    background-repeat: no-repeat;
    background-attachment: relative;
    height: 100%;
  }

  div {
  }
 
  /* Tables */
  table {
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: left;
    color: #000000;
  }

  tr {
  }

  td {
  }

  /* Headers */
  h1 {
    font-size: 16pt;
  }
 
  h2 {
    font-size: 14pt;
  }
 
  h3 {
    font-size: 12pt;
  }
 
  h4 {
    font-size: 10pt;
  }
 
  /* Links */
  a {
    color: #060606;
    background-color: transparent;
  }

  a:hover, a:active {
    color: #114477;
    background-color: transparent;
  }
 
 
    /* Button Links */
  a.link_name, a.reglink, a.tf_popup, a.giftcertlink {
    color: #F0F0F0;
    background-color: transparent;
    font-weight: bold;
    text-decoration: inherit;
  }
 
  a.link_name:hover, a.reglink:hover, a.tf_popup:hover, a.giftcertlink:hover {
    color: #606060;
    background-color: transparent;
  }

  a.test, a.test:visited {
    text-align:center;
  }

  a.test:active {
    position:relative;
    top:2px;
    left:2px;
  }
 
  a.MiniCart {
    color: #F0F0F0;
    background-color: transparent;
    font-weight: bold;
    text-decoration: inherit;
  }
 
  a.MiniCart:hover {
    color: #606060;
    background-color: transparent;
  }
 
  /* Images */
  img {
    border: none;
  }
 
  img.link_image {
    border: 0px none;
  }
    img.link_image:active {
    position:relative;
    top:2px;
    left:2px;
  }
 
  /* Forms */
  input, textbox, select {
    color: #000000;
    background-color: transparent;
    font-size: 10pt;
  }

    /* IE doesn't recognize these */
  input[type=text], input[type=password], input[type=button], input[type=select], input[type=reset], textbox, select {
    color: #000000;
    background-color: #F0F0F0;
    border: 1px solid #114477;
  }

  input[type=image], input[type=radio], input[type=checkbox] {
    color: #000000;
    background-color: transparent;
    border: none; 
  }

  input.button {
    color: #000000;
    background-color: transparent;
    border: none;
  }

  input.button:active {
    position:relative;
    top:2px;
    left:2px;
  }
 

/* Page Layout */
  /* Begin Page Header */
  div.header {
   position: absolute;
   top: 2px;
        left: 10px;
   width: 249px;
   height: 100px;
    color: transparent;
   background-color: transparent;
   overflow: hidden;
   
  }

  table.header {
    width: 100%;
    color: transparent;
    background-color: transparent;
  }

  /* End Page Header */

 
  /* Begin Search Bar */
  div.search_bar {
   position: absolute;
   top: 55px;
   right: 3%;
   width: 220px;
   margin-left: auto;
   margin-right: auto;
   overflow-x: hidden;
   overflow-y: visible;
   overflow: visible;
   left: 713px;
   height: 69px;
  }

  table.search_bar {
    width: 100%;
    background-color: transparent;
  }

  table.search {
    width: 100%;
  }

  tr.search_row {
  }

  td.search_input {
    text-align: center;
  }

  input.search_input {
    background-color: #DAD5B6;
  }

  td.search_button {
    text-align: left;
  }

 /* End Search Bar */


/* Begin Shopping Cart */

div.mini_cart {
   position: absolute;
   top: 87px;
   left: 4%;
   width: 122px;

    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.mini_cart {
    margin-top: 5px;
    width: 100%;
    background-color: transparent;
  }

   td.menu_minicart {
    width: 100%;
    background-color: transparent;
    background-image: url();
    text-align: center;
  }


  /* End Color 1 Box */
/* End Shopping Cart */


/*begin Ticker Bar*/

div.ticker {
   position: absolute;
   top: 93px;
   right: 50%;
   width: 530px;
   margin-left: auto;
   margin-right: auto;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
   height: 30px;
   left: 170px;
   }

/*End Ticker Bar*/


 
/* Begin Menu Bar */
  div.menu_bar {
    position: absolute;
    top: 177px;
    left: 3%;
    width: 200px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.menu_bar {
    width: 100%;
    background-color: transparent;
  }

  td.menu_bar_content {
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;   
    background-color: transparent;
    background-image: url();
    text-align: left;
  }

  table.menu {
    width: 100%;
  }

  td.menu_button {
    text-align: left;
  }

  table.menu_button {
    width: 100%;
  }
 
  table.link {
    width: 100%;
    text-align: center;
  }
 
  td.link_image {
  }
 
  td.link_name {
    text-align: center;
  }
 
  td.link_text {
    text-align: center;
  }

  /* End Menu Bar */
 
  /* Begin Products Section */
 
 div.products {
    position: relative;
    top: 25px;
    left: 20px;
    width: 95%;
  }
 
  table.products {
    width: 100%;
  }
 
  tr.products_header {
  }
 
  td.products_header {
    vertical-align: top;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
 
  table.page_content {
    width: 100%;
  }
 
  td.page_image {
     text-align: center;
  }
 
  td.page_name {
    vertical-align: top;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
  }
 
  td.page_text1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
 
  tr.prev_next {
  }
 
  td.prev_next {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
 
  tr.page_text2 {
  }
 
  td.page_text2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  tr.products_footer {
  }
 
  td.products_footer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  tr.page_text3 {
  }
 
  td.page_text3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  /* End Products Section */



/* General Appearance */
  /* Spans */
  span.pr_name {
  }
 
  span.pr_sku {
  }
 
  span.pr_desc {
  }
 
  span.pr_price {
  }
 
  span.pr_price_sale {
    color: #606060;
    text-decoration: inherit;
  }
 
  span.pr_sale_price {
    color: #114477;
  }
 
  span.pr_alt_price {
  }
 
  span.pr_alt_price_sale {
    color: #606060;
    text-decoration: inherit;
  }
 
  span.pr_alt_sale_price {
    color: #114477;
  }
 
  span.pr_option_text {
  }
 
  span.pr_quantity {
  }
 
  /* Links */
  a.pr_image {
    border: none;
  }
 
  a.pr_desc {
    text-decoration: none;
  }
 
  a.pr_addtocart_button {
    vertical-align: bottom;
    border: none;
  }
 
  /* Inputs */
  input.pr_addtocart_button {
    vertical-align: bottom;
    background-color: transparent;
    border: none;
  }
 
  /* Images */
  img.pr_image {
    border: none;
    text-align: center;
  }
 
  img.pr_addtocart_button {
    vertical-align: bottom;
    border: none;
  }
 
/* Product Layout */
  td.products_content {
  }
 
  table.product_list {
    width: 100%;
  }
 
  tr.product_list_row_1 {
    height: 5px;
  }
 
  tr.product_list_row_2 {
  }
 
  tr.product_list_row_3 {
    height: 5px;
  }
 
  td.product_list_1a {
    width: 3px;
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_1a.gif);
  }
 
  td.product_list_1b {
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_1b.gif);
  }
 
  td.product_list_1c {
    width: 3px;
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_1c.gif);
  }
 
  td.product_list_2a {
    width: 3px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_2a.gif);
  }
 
  td.product_list_2c {
    width: 3px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_2c.gif);
  }
 
  td.product_list_3a {
    width: 3px;
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_3a.gif);
  }
 
  td.product_list_3b {
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_3b.gif);
  }
 
  td.product_list_3c {
    width: 3px;
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_3c.gif);
  }
 
  td.product_list_content {
    vertical-align: top;
    text-align: left;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_content.gif);
  }
 
  table.pr_table {
    background-color: transparent;
    vertical-align: top;
    text-align: left;
    width: 100%;
  }
 
  td.pr_image {
    vertical-align: top;
    text-align: center;
  }
 
  td.pr_data {
    vertical-align: top;
    text-align: left;
    width: 90%;
  }
 
  table.pr_data {
    background-color: transparent;
    vertical-align: top;
    text-align: left;
    width: 100%;
  }
 
  td.pr_name {
    text-align: left;
    vertical-align: top;
  }
 
  td.pr_desc {
    text-align: left;
    vertical-align: bottom;
  }
 
  td.pr_price {
    text-align: left;
    vertical-align: top;
  }
 
  table.qp_header {
    text-align: left;
    background-color: #114477;
    border: 1px solid #114477;
  }
 
  table.pr_sub_loop {
    background-color: transparent;
    text-align: left;
    vertical-align: top;
    width: 95%
  }
 
  td.pr_sub_loop_data {
    text-align: left;
    vertical-align: top;
  }

div.scrol_ling  {
position: absolute;
top:108px;
right:auto;
left: 172px;
height:460px;
width:760px;
overflow:auto;
background-color:transparent;
color:53760D;
border:1px none 6DB72C;
 }


/* Begin tribal info */

  div.tribal_info {
    position: absolute;
    top: 2px;
    left: 530px;
    width: 138px;
    height: 25px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.tribal_info {
    width: 100%;
    background-color: transparent;
  }


  td.tribal_info {
    font-size: 12pt;
    text-align: center;
  }

/* End tribal info */
 

/* Begin tribal contact */

  div.tribal_contact {
    position: absolute;
    top: 2px;
    left: 645px;
    width: 147px;
    height: 25px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.tribal_contact {
    width: 100%;
    background-color: transparent;
  }


  td.tribal_contact {
    font-size: 12pt;
    text-align: center;
  }
   
/* End tribal contact */

/* Begin Shipping_Returns */

  div.shipping_returns {
    position: absolute;
    top: 572px;
    left: 160px;
    width: 172px;
    height: 25px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.shipping_returns {
    width: 100%;
    background-color: transparent;
  }


  td.shipping_returns {
    font-size: 12pt;
    text-align: center;
  }

/* End Shipping_Returns */
 

/* Begin Privacy */

  div.privacy {
    position: absolute;
    top: 572px;
    left: 310px;
    width: 138px;
    height: 25px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.privacy {
    width: 100%;
    background-color: transparent;
  }


  td.privacy {
    font-size: 12pt;
    text-align: center;
  }
   
/* End Privacy */


/* Begin Log In */

  div.log_in {
    position: absolute;
    top: 1px;
    left: 791px;
    width: 184px;
    height: 50px;
       font-size: 20pt;
   color: 7AFC3A;
   font-family:'Arial';
   text-align: center;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.log_in {
    width: 100%;
    background-color: transparent;
  }


  td.log_in {
   background-color: transparent;
  }
   
/* End Log In */


-->
</style>

[-- INCLUDE MiniCart.js PROCESS --]
</head>

<body>
<div class="wrapper">
  <div class="header">
   <td class="header_content"><a href="[-- OUTPUT_DIRECTORY_URL --]"><img class="link_image" align="center" src="http://volcanodeluxe.com/store/LOGO_FINAL!.png" width="250" height="90" border=""  alt="logo"></a>
  </td>
</div>

<div class="tribal_info">
  <table class="tribal_info">
     <td class="tribal_info"><a href="http://volcanodeluxe.com/id15.html" target="_blank"><font color="#DAD5B6">Tribal Info</font></a></td>
  </table>
</div>

<div class="tribal_contact">
  <table class="tribal_contact">
     <td class="tribal_contact"><a href="http://volcanodeluxe.com/id1.html" target="_blank"><font color="#DAD5B6">Tribal Contact</font></a></td>
  </table>
</div>

<div class="log_in">
  <table class="log_in">
     <td class="log_in">
[-- IF SC_Registration --]
       <tr>
         <td class="menu_button_content">[-- INCLUDE core_001_pa_customer_registration.js PROCESS --]</td>
        </tr>
    </td>
  </table>
[-- END_IF --]
</div>


[-- IF VAR.show_search "true" --]
<div class="search_bar">
  <table class="search_bar">
    </tr>
      <td class="search_bar_content">
       <table class="search">
        <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi" method="post">
          <input type="hidden" name="storeid" value="[-- STORE.ID --]">
          <input type="hidden" name="called_from_results" value="">
          <input type="hidden" name="orig_search_field" value="" >
          <input type="hidden" name="index_items" value="" >
          <tr class="search">
            <td class="search_input"><div align="right"><span class="search_button">
                <input class="button" type="image" name="Search" src="[-- STORE.SearchImage --]" width="60" height="20">
            </span></div></td>
            </tr>
          <tr class="search">
          <td class="search_input">
            <div align="right">
              <input class="search_input" name="search_field" type="text" size="32" value="[-- STORE.175 --]"width="220" height="20">
            </div></td></tr>
        </form>
 
   </table>
      </td>
    </tr>
    </tr>
  </table>
</div>
[-- END_IF --]

<div class="mini_cart">
  <table class="mini_cart">
[-- IF MiniCart --]
        <tr>
          <td class="menu_button"></td>
        </tr>
[-- END_IF --]
        <tr>
          <td class="Menu_minicart"><a class="link_name" href="[-- SHOPPING_CART_URL --]"><img class="link_image" align="center" src="http://volcanodeluxe.com/store/images/Tiki_cart.png" width="120" height="85" border="2"  alt="view cart"></a></td>
        </tr>
  </table>
</div>



<div class="menu_bar">
  <table class="menu_bar">
      <td class="menu_bar_content"><table class="menu">

        <tr>
[-- IF ANALYTICS_MULTI_DOMAIN --]
              <td class="menu_button_content">
              <script type="text/javascript" language="JavaScript">
                document.write('<a class="link_name" href="javascript:__utmLinker(\'[-- MyStoreURL --]/');">[-- STORE.Home --]</a>');
              </script>
              <noscript>
                <a class="link_name" href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
              </noscript>
              </td>
[-- ELSE --]
              <td class="menu_button_content"><a class="link_name" href="[-- MyStoreURL --]">[-- STORE.Home --]</a></td>
[-- END_IF --]
</tr>
          </table></td>
        </tr>
        <tr>
          <td class="menu_button"><table class="menu_button">
              <td class="menu_button_content"><input class="button" type="image" name="Back" src="http://volcanodeluxe.com/store/images/buttons/back.png" value="Back" onclick="javascript:history.back()" /></a></td>
            </tr>
          </table></td>
        </tr>
      </table></td>
    </tr>
  </table>
</div>


<div class="ticker">
 <thead>

<marquee bgcolor="2E2E2E" direction="left" behavior="scroll" loop="-1" scrollamount="5" width="100%"><font size="2.5" color="D0AC60">[-- product.field1 --]</font></marquee>
</div>


<div class="Scrol_ling">
<div class="products">
  <table class="products">
    <tr>
      <td class="products_content"><table class="product_list">
        <tr class="product_list_row_1">
          <td class="product_list_1a"></td>
          <td class="product_list_1b"></td>
          <td class="product_list_1c"></td>
        </tr>
        <tr class="product_list_row_2">
          <td class="product_list_2a"></td>
          <td class="product_list_content">
[-- IF VAR.make_form "yes" --]
  [-- IF ANALYTICS_MULTI_DOMAIN --]
<form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post" onSubmit="javascript:__utmLinkPost(this)">
  [-- ELSE --]
<form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post">
  [-- END_IF --]
<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 --]">
[-- END_IF --]
          <table class="pr_table">
            <tr>
              <td class="pr_image"><img class="pr_image" align="left" [-- PRODUCT.MoreInformationGraphic REMOVE_HTML --] alt="[-- IMAGE PRODUCT.MoreInformationGraphic --]"></td>
              <td class="pr_data">
[-- IF PRODUCT.DisplayName --]
  [-- IF PRODUCT.VariableName? --]
      <span class="pr_name">[-- STORE.ProductName --]: <input type=text name="[-- PRODUCT.RecordNumber --]:name" size="20" maxlength="100" value=""></span><br>
    [-- ELSE --]
    <span class="pr_name">[-- PRODUCT.Name --]</span><br>
  [-- END_IF --]
[-- END_IF --]
[-- IF PRODUCT.DisplaySKU --]
  [-- IF PRODUCT.VariableSKU? --]
    <span class="pr_sku">[-- STORE.SKU --]:</span> <input type=text name="[-- PRODUCT.RecordNumber --]:sku" size="10" maxlength="20" value="">
    [-- ELSE --]
    <span class="pr_sku">[-- PRODUCT.SKU --]</span><br>
  [-- END_IF --]
[-- END_IF --]
<span class="pr_desc">[-- PRODUCT.MoreInformationText --]</span>
              </td>
            </tr>
            <tr>
              <td colspan="2" class="pr_price">
#<!-- Subproducts or Price and buttons -->#
[-- IF PRODUCT.NumSubproducts "0" --]
  [-- IF PRODUCT.DisplayPrice --]
    [-- IF PRODUCT.VariablePrice? --]
      <span class="pr_price">[--STORE.Price --]: [-- STORE.CurrencySymbol --]<input type=text name="[-- PRODUCT.RecordNumber --]:price" size="4" maxlength="10" value=""></span>
    [-- ELSE --]
      [-- IF PRODUCT.QuantityPricing --]
        <span class="pr_price">[-- PRODUCT.QuantityPricing --]</span>
      [-- ELSE --]
        [-- IF PRODUCT.SaleOn --]
          <span class="pr_price_sale">[-- PRODUCT.Price --]</span> <span class="pr_sale_price">[-- STORE.OnSaleText --] [-- PRODUCT.SaleAmount --]</span>
          [-- IF PRODUCT.AltPrice --]
          <br>
          <span class="pr_alt_price_sale">[-- PRODUCT.AltPrice --]</span> <span class="pr_alt_sale_price">[-- STORE.OnSaleText --] [-- PRODUCT.AltSaleAmount --]</span>
          [-- END_IF --]
        [-- ELSE --]
          <span class="pr_price">[-- PRODUCT.Price --]</span>
          [-- IF PRODUCT.AltPrice --]
          <span class="pr_alt_price">[-- PRODUCT.AltPrice --]</span>
          [-- END_IF --]
        [-- END_IF --]
      [-- END_IF --]
    [-- END_IF --]
  <br>
  [-- END_IF --]
#<!-- Add To Cart Data -->#
  [-- IF PRODUCT.DisplayOrderingOptions "checked" --]
    <span class="pr_option_text">[-- PRODUCT.OptionText --]</span>
    <br>
    [-- ORDER_OPTION_MENU COLUMN --]
    <br>
  [-- END_IF --]

  [-- IF PRODUCT.DisplayOrderQuantity "checked" --]
    <span class="pr_quantity">[-- STORE.OrderQuantity --]: <input class="pr_quantity" type="text" size="2" name="[-- PRODUCT.RecordNumber --]:qnty" value="1"></span>
  [-- END_IF --]
  [-- IF VAR.make_form "yes" --]
    <input class="pr_addtocart_button" type="image" value="submit" src="[-- ShopSite_Images --][-- VAR.button_path --]/[-- VAR.add_button_name --]" alt="Add to Cart">
  [-- ELSE --]
    [-- IF ANALYTICS_MULTI_DOMAIN --]
    <script type="text/javascript" language="JavaScript">
      document.write('<a class="pr_addtocart_button" href="javascript:__utmLinker(\'[-- PRODUCT.AddToCartURL --]\');"><img class="pr_addtocart_button" alt="Add to Cart" src="[-- ShopSite_Images --][-- VAR.button_path --]/[-- VAR.add_button_name --]" border="0"></a>');
    </script>
    <noscript>
      <a class="pr_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pr_addtocart_button" alt="Add to Cart" src="[-- ShopSite_Images --][-- VAR.button_path --]/[-- VAR.add_button_name --]" border="0"></a>
    </noscript>
    [-- ELSE --]
    <a class="pr_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pr_addtocart_button" alt="Add to Cart" src="[-- ShopSite_Images --][-- VAR.button_path --]/[-- VAR.add_button_name --]" border="0"></a>
    [-- END_IF --]
  [-- END_IF --]
[-- ELSE --]
              <table class="pr_sub_loop">
                [-- LOOP SUBPRODUCTS VAR.subpr_cols --]
                  <td class="pr_sub_loop_data">[-- SUBPRODUCTS --]</td>
                [-- END_LOOP SUBPRODUCTS --]
                [-- VAR.define "moreinfo" --]
              </table>
[-- END_IF --]
              </td>
            </tr>
          </table>
[-- IF VAR.make_form "yes" --]
</form>
[-- END_IF --]
          </td>
          <td class="product_list_2c"></td>
        </tr>
        <tr class="product_list_row_3">
          <td class="product_list_3a"></td>
          <td class="product_list_3b"></td>
          <td class="product_list_3c"></td>
        </tr>
      </table></td>
    </tr>
[-- IF MORE_INFO.DisplayPageFooter --]
    <tr class="products_footer">
      <td class="products_footer">[-- FOOTER --]</td>
    </tr>
[-- END_IF --]
  </table>
</div>
</div>

<div class="shipping_returns">
  <table class="shipping_returns">
     <td class="shipping_returns"><a href="http://volcanodeluxe.com/id15.html" target="_blank"><font color="#DAD5B6"><b>Shipping & Returns</b></font></a></td>
  </table>
</div>

<div class="privacy">
  <table class="privacy">
     <td class="privacy"><a href="http://volcanodeluxe.com/id1.html" target="_blank"><font color="#DAD5B6"><b>Privacy</b></font></a></td>
  </table>
</div>
</div>

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


[Jim]

All of the templates pages, product, shopping cart,etc) in a theme are designed to work with other templates in that theme. The Awesome theme is one of the most complex of the themes so trying to add different features to it so it will work differently may be difficult.

The Awesome theme uses lots of styles in tables to get they to look a certain way and the subproducts are displayed as individual products so that will not be the easiest one to convert. Is there a particular reason you chose that theme? If not it would be much easier to change to one of the themes that displays the subproduct as a pull down rather than have to go through the entire product (and maybe page) template to make all the changes that would be required.

Do you have a page laid out the way you want things to look? It would probably be easier to implement that as a custom template than convert from the Awesome theme.

[kastlebrick]

All of the templates pages, product, shopping cart,etc) in a theme are designed to work with other templates in that theme. The Awesome theme is one of the most complex of the themes so trying to add different features to it so it will work differently may be difficult.

The Awesome theme uses lots of styles in tables to get they to look a certain way and the subproducts are displayed as individual products so that will not be the easiest one to convert. Is there a particular reason you chose that theme? If not it would be much easier to change to one of the themes that displays the subproduct as a pull down rather than have to go through the entire product (and maybe page) template to make all the changes that would be required.

Do you have a page laid out the way you want things to look? It would probably be easier to implement that as a custom template than convert from the Awesome theme.

I used the awesome Template ... for a starter, to build our page template, then made my changes.. so i followed suit with the product pages as well to keep everything the same.

Code: Select all

[-- DEFINE LINK_TO_PAGE --]
[-- if VAR.pagename page.name --]
<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]" ><img class="link_image" src="[-- OUTPUT_DIRECTORY_URL --]/images/buttons/[-- page.field1 --]" alt="[-- page.field1 --]"  >
[-- else --]
<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]"> [-- PAGE.LinkGraphic --]
[-- END_IF --]
[-- END_DEFINE LINK_TO_PAGE --]
#<!-- ------------------------------------------------ -->#
#<!-- --------------------- Page --------------------- -->#
#<!-- ------------------------------------------------ -->#
[-- DEFINE PAGE --]

[-- VAR.define "page" --]

[-- INCLUDE awesome_blue_001_pa_vars.sst PROCESS --]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns:og="http://opengraphprotocol.org/schema/"
      xmlns:fb="http://www.facebook.com/2008/fbml">

 
<head>
    <meta property="og:title" content="Volcano Deluxe"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="http://volcanodeluxe.com/store/"/>
    <meta property="og:image" content="http://volcanodeluxe.com/store/images/Volcano_SCREENSHOT.jpg"/>
    <meta property="og:site_name" content="Volcano Deluxe"/>
        <meta property="fb:admins" content="588455066" />
    <meta property="og:description"
          content="VOLCANO is constantly & quietly supporting our LOCAL areas from underground with passion while also providing powerful natural & organic resources... known as the World's Finest."/>



<link rel="shortcut icon" href="http://volcanodeluxe.com/img/favicon.ico" >
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="Description" CONTENT="[-- PAGE.MetaDescription --]">
<META NAME="Keywords" CONTENT="[-- PAGE.MetaKeywords --]">
<META NAME="robots" CONTENT="index,follow">

  <title>[-- VAR.pa_title --]</title>



<style type="text/css">
<!--


/* Universal Settings */
  body {
 
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  margin:auto;
  background: url(http://volcanodeluxe.com/store/images/BGVD123.png); 
  background-repeat:repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: center;
    color: 000000;
    background-color: #FFFFFF;
  }

  div.wrapper {
    position: relative;
    top: 0px;
    bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
    width: 960px;
   border:0px;
    background: url(http://volcanodeluxe.com/store/images/VBDbrown_HOLE.png); 
    background-position:top;center;
    background-repeat: no-repeat;
    background-attachment: relative;
    height: 100%;
  }

  div {
  }
 
  /* Tables */
  table {
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: left;
    color: #000000;
  }

  tr {
  }

  td {
  }

  /* Headers */
  h1 {
    font-size: 16pt;
  }
 
  h2 {
    font-size: 14pt;
  }
 
  h3 {
    font-size: 12pt;
  }
 
  h4 {
    font-size: 10pt;
  }
 
  /* Links */
  a {
    color: #060606;
    background-color: transparent;
  }

  a:hover, a:active {
    color: #114477;
    background-color: transparent;
  }
 
 
    /* Button Links */
  a.link_name, a.reglink, a.tf_popup, a.giftcertlink {
    color: #F0F0F0;
    background-color: transparent;
    font-weight: bold;
    text-decoration: inherit;
  }
 
  a.link_name:hover, a.reglink:hover, a.tf_popup:hover, a.giftcertlink:hover {
    color: #606060;
    background-color: transparent;
  }

  a.test, a.test:visited {
    text-align:center;
  }

  a.test:active {
    position:relative;
    top:2px;
    left:2px;
  }
 
  a.MiniCart {
    color: #F0F0F0;
    background-color: transparent;
    font-weight: bold;
    text-decoration: inherit;
  }
 
  a.MiniCart:hover {
    color: #606060;
    background-color: transparent;
  }
 
  /* Images */
  img {
    border: none;
  }
 
  img.link_image {
    border: 0px none;
  }
    img.link_image:active {
    position:relative;
    top:2px;
    left:2px;
  }
 
  /* Forms */
  input, textbox, select {
    color: #000000;
    background-color: transparent;
    font-size: 10pt;
  }

    /* IE doesn't recognize these */
  input[type=text], input[type=password], input[type=button], input[type=select], input[type=reset], textbox, select {
    color: #000000;
    background-color: #F0F0F0;
    border: 1px solid #114477;
  }

  input[type=image], input[type=radio], input[type=checkbox] {
    color: #000000;
    background-color: transparent;
    border: none; 
  }

  input.button {
    color: #000000;
    background-color: transparent;
    border: none;
  }

  input.button:active {
    position:relative;
    top:2px;
    left:2px;
  }
 

/* Page Layout */
  /* Begin Page Header */
  div.header {
   position: absolute;
   top: 2px;
        left: 10px;
   width: 249px;
   height: 100px;
    color: <!-- DISPLAY_TAG  NOT DEFINED -->
;
   background-color: transparent;
   overflow: hidden;
   
  }

  table.header {
    width: 100%;
    color: <!-- DISPLAY_TAG  NOT DEFINED -->
;
    background-color: transparent;

  }
  /* End Page Header */

 
  /* Begin Search Bar */
  div.search_bar {
   position: absolute;
   top: 55px;
   right: 3%;
   width: 220px;
   margin-left: auto;
   margin-right: auto;
   overflow-x: hidden;
   overflow-y: visible;
   overflow: visible;
   left: 713px;
   height: 69px;
  }

  table.search_bar {
    width: 100%;
    background-color: transparent;
  }

  table.search {
    width: 100%;
  }

  tr.search_row {
  }

  td.search_input {
    text-align: center;
  }

  input.search_input {
    background-color: #DAD5B6;
  }

  td.search_button {
    text-align: left;
  }

 /* End Search Bar */


/* Begin Shopping Cart */

div.mini_cart {
   position: absolute;
   top: 85px;
   left: 4%;
   width: 122px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.mini_cart {
    margin-top: 5px;
    width: 100%;
    background-color: transparent;
  }
   td.menu_minicart {
    background-color: transparent;
    text-align: center;
  }

/* End Shopping Cart */


/*begin Ticker Bar*/

div.ticker {
   position: absolute;
   top: 93px;
   left: 170px;
   right: 50%;
   height: 30px;
   width: 530px;
   margin-left: auto;
   margin-right: auto;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
   }

/*End Ticker Bar*/


 
/* Begin Menu Bar */
  div.menu_bar {
    position: absolute;
    top: 177px;
    left: 3%;
    width: 200px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.menu_bar {
    width: 100%;
    background-color: transparent;
  }

  td.menu_bar_content {
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;   
    background-color: transparent;
    background-image: url();
    text-align: left;
  }

  table.menu {
    width: 100%;
  }

  td.menu_button {
    text-align: left;
  }

  table.menu_button {
    width: 100%;
  }
 
  table.link {
    width: 100%;
    text-align: center;
  }
 
  td.link_image {
  }
 
  td.link_name {
    text-align: center;
  }
 
  td.link_text {
    text-align: center;
  }

  /* End Menu Bar */
 
  /* Begin Products Section */
 
 div.products {
    position: relative;
    top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
  }
 
  table.products {
    width: 100%;
  }
 
  tr.products_header {
  }
 
  td.products_header {
    vertical-align: top;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
 
  table.page_content {
    width: 100%;
  }
 
  td.page_image {
     text-align: center;
  }
 
  td.page_name {
    vertical-align: top;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
  }
 
  td.page_text1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
 
  tr.prev_next {
  }
 
  td.prev_next {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
 
  tr.page_text2 {
  }
 
  td.page_text2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  tr.products_footer {
  }
 
  td.products_footer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  tr.page_text3 {
  }
 
  td.page_text3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  /* End Products Section */



/* General Appearance */
  /* Spans */
  span.pr_name {
  }
 
  span.pr_sku {
  }
 
  span.pr_desc {
  }
 
  span.pr_price {
  }
 
  span.pr_price_sale {
    color: #606060;
    text-decoration: inherit;
  }
 
  span.pr_sale_price {
    color: #114477;
  }
 
  span.pr_alt_price {
  }
 
  span.pr_alt_price_sale {
    color: #606060;
    text-decoration: inherit;
  }
 
  span.pr_alt_sale_price {
    color: #114477;
  }
 
  span.pr_option_text {
  }
 
  span.pr_quantity {
  }
 
  /* Links */
  a.pr_image {
    border: none;
  }
 
  a.pr_desc {
    text-decoration: none;
  }
 
  a.pr_addtocart_button {
    vertical-align: bottom;
    border: none;
  }
 
  /* Inputs */
  input.pr_addtocart_button {
    vertical-align: bottom;
    background-color: transparent;
    border: none;
  }
 
  /* Images */
  img.pr_image {
    border: none;
    text-align: center;
  }
 
  img.pr_addtocart_button {
    vertical-align: bottom;
    border: none;
  }
 
/* Product Layout */
  td.products_content {
  }
 
  table.product_list {
    width: 100%;
  }
 
  tr.product_list_row_1 {
    height: 5px;
  }
 
  tr.product_list_row_2 {
  }
 
  tr.product_list_row_3 {
    height: 5px;
  }
 
  td.product_list_1a {
    width: 3px;
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_1a.gif);
  }
 
  td.product_list_1b {
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_1b.gif);
  }
 
  td.product_list_1c {
    width: 3px;
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_1c.gif);
  }
 
  td.product_list_2a {
    width: 3px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_2a.gif);
  }
 
  td.product_list_2c {
    width: 3px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_2c.gif);
  }
 
  td.product_list_3a {
    width: 3px;
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_3a.gif);
  }
 
  td.product_list_3b {
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_3b.gif);
  }
 
  td.product_list_3c {
    width: 3px;
    height: 5px;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_3c.gif);
  }
 
  td.product_list_content {
    vertical-align: top;
    text-align: left;
    background-color: transparent;
    background-image: url(http://shopsite.dot5hosting.com/ss10.0/shopsite-images/en-US/backgrounds/awesome_blue_001/ab_lt_grey_button_content.gif);
  }
 
  table.pr_table {
    background-color: transparent;
    vertical-align: top;
    text-align: left;
    width: 100%;
  }
 
  td.pr_image {
    vertical-align: top;
    text-align: center;
  }
 
  td.pr_data {
    vertical-align: top;
    text-align: left;
    width: 90%;
  }
 
  table.pr_data {
    background-color: transparent;
    vertical-align: top;
    text-align: left;
    width: 100%;
  }
 
  td.pr_name {
    text-align: left;
    vertical-align: top;
  }
 
  td.pr_desc {
    text-align: left;
    vertical-align: bottom;
  }
 
  td.pr_price {
    text-align: left;
    vertical-align: top;
  }
 
  table.qp_header {
    text-align: left;
    background-color: #114477;
    border: 1px solid #114477;
  }
 
  table.pr_sub_loop {
    background-color: transparent;
    text-align: left;
    vertical-align: top;
    width: 95%
  }
 
  td.pr_sub_loop_data {
    text-align: left;
    vertical-align: top;
  }

div.scrol_ling  {
position: absolute;
top:109px;
right:auto;
left: 172px;
height:457px;
width:760px;
overflow:auto;
background-color:transparent;
color:53760D;
border:1px none 6DB72C;
 }


/* Begin tribal info */

  div.tribal_info {
    position: absolute;
    top: 2px;
    left: 530px;
    width: 138px;
    height: 25px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.tribal_info {
    width: 100%;
    background-color: transparent;
  }


  td.tribal_info {
    font-size: 12pt;
    text-align: center;
  }

/* End tribal info */
 

/* Begin tribal contact */

  div.tribal_contact {
    position: absolute;
    top: 2px;
    left: 645px;
    width: 147px;
    height: 25px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.tribal_contact {
    width: 100%;
    background-color: transparent;
  }


  td.tribal_contact {
    font-size: 12pt;
    text-align: center;
  }
   
/* End tribal contact */

/* Begin Shipping_Returns */

  div.shipping_returns {
    position: absolute;
    top: 572px;
    left: 160px;
    width: 172px;
    height: 25px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.shipping_returns {
    width: 100%;
    background-color: transparent;
  }


  td.shipping_returns {
    font-size: 12pt;
    text-align: center;
  }

/* End Shipping_Returns */
 

/* Begin Privacy */

  div.privacy {
    position: absolute;
    top: 572px;
    left: 310px;
    width: 138px;
    height: 25px;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.privacy {
    width: 100%;
    background-color: transparent;
  }


  td.privacy {
    font-size: 12pt;
    text-align: center;
  }
   
/* End Privacy */


/* Begin Log In */

  div.log_in {
    position: absolute;
    top: 1px;
    left: 791px;
    width: 184px;
    height: 55px;
       font-size: 20pt;
   color: 7AFC3A;
   font-family:'Arial';
   text-align: center;
    overflow-x: visible;
    overflow-y: visible;
    overflow: visible;
  }

  table.log_in {
    width: 100%;
    background-color: transparent;
  }


  td.log_in {
   background-color: transparent;
  }
   
/* End Log In */

/* Begin FB_Like */

  div.FB_Like {
    position: absolute;
    top: 68px;
    left: 340px;
    width: 360px;
    height: 25px;
   background-color: 8C8C8C;
    text-align: center;
    overflow-x: hidden;
    overflow-y: visible;
    overflow: visible;
  }

  table.FB_Like {
    width: 100%;
    background-color: transparent;
  }


  td.FB_Like {
   background-color: transparent;
  }
   
/* End FB_Like */


--!>
</style>

[-- INCLUDE MiniCart.js PROCESS --]
</head>

<body>
<div class="wrapper">
  <div class="header">
   <td class="header_content">[-- HEADER --]</a>
  </td>
</div>

<div class="tribal_info">
  <table class="tribal_info">
     <td class="tribal_info"><a href="http://volcanodeluxe.com/id15.html" target="_blank"><font color="#DAD5B6">Tribal Info</font></a></td>
  </table>
</div>

<div class="tribal_contact">
  <table class="tribal_contact">
     <td class="tribal_contact"><a href="http://volcanodeluxe.com/id1.html" target="_blank"><font color="#DAD5B6">Tribal Contact</font></a></td>
  </table>
</div>

<div class="log_in">
  <table class="log_in">
     <td class="log_in">
[-- IF SC_Registration --]
        <tr>
         <td class="menu_button_content">[-- INCLUDE core_001_pa_customer_registration.js PROCESS --]</td>
     </tr>
   </td>
  </table>
[-- END_IF --]
</div>


<div class="FB_Like">
  <table class="FB_Like">
     <td class="FB_Like"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.volcanodeluxe.com%2Fstore&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe></td>
  </table>
</div>

[-- IF VAR.show_search "true" --]
<div class="search_bar">
  <table class="search_bar">
    </tr>
      <td class="search_bar_content">
       <table class="search">
        <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi" method="post">
          <input type="hidden" name="storeid" value="[-- STORE.ID --]">
          <input type="hidden" name="called_from_results" value="">
          <input type="hidden" name="orig_search_field" value="" >
          <input type="hidden" name="index_items" value="" >
          <tr class="search">
            <td class="search_input"><div align="right"><span class="search_button">
                <input class="button" type="image" name="Search" src="[-- STORE.SearchImage --]" width="60" height="20">
            </span></div></td>
            </tr>
          <tr class="search">
          <td class="search_input">
            <div align="right">
              <input class="search_input" name="search_field" type="text" size="32" value="[-- STORE.175 --]"width="220" height="20">
            </div></td></tr>
        </form>
 
   </table>
      </td>
    </tr>
    </tr>
  </table>
</div>
[-- END_IF --]

<div class="mini_cart">
  <table class="mini_cart">
[-- IF MiniCart --]
          <tr>
          <td class="menu_button"><script type="text/javascript" language="JavaScript">
            DisplayMiniCart("ss_cart_[-- STORE_Serial_Number --]","Subtotal");
        </script>
          </td>
        </tr>
[-- END_IF --]
        <tr>
          <td class="Menu_minicart"><a class="link_name" href="[-- SHOPPING_CART_URL --]"><img class="link_image" align="center" src="http://volcanodeluxe.com/store/images/Tiki_cart.png" width="120" height="85" border="2"  alt="view cart"></a></td>
        </tr>
  </table>
</div>



<div class="menu_bar">
  [-- VAR.pagename page.name --]
  <table class="menu_bar">
[-- LOOP LINKS  --]
        <tr>
         <td class="menu_button_content">[-- LINK --]</td>
        </tr>
[-- END_LOOP LINKS --]
[-- IF GiftCert --]
        <tr>
          <td class="menu_button_content">[-- GiftCertLink --]</td>
        </tr>
[-- END_IF --]
[-- IF TELLAFRIEND --]
        <tr>
          <td class="menu_button_content">[-- TELLAFRIEND VAR.tell_friend_link --]</td>
        </tr>
[-- END_IF --]
  </table>
</div>

<div class="ticker">
 <thead>

<marquee bgcolor="2E2E2E" direction="left" behavior="scroll" loop="-1" scrollamount="5" width="100%"><font size="2.5" color="D0AC60">[-- page.field2 --]</font></marquee>
</div>


<div class="Scrol_ling">

<div class="products">
   <table class="products">
    <tr class="products_header">
     <td class="products_header"><table class="page_content">
      [-- IF PAGE.DisplayGraphic "checked" --]
        <tr>
          [-- IF PAGE.Graphic --]
          <td class="page_image"><img class="page_image" [-- PAGE.Graphic REMOVE_HTML --] alt="[-- IMAGE Page.Graphic --]"></td>
          [-- ELSE --]
          <td class="page_image"></td>
          [-- END_IF --]
          [-- IF PAGE.DisplayName "checked" --]
          <td class="page_name">[-- PAGE.Name --]</td>
          [-- ELSE --]
          <td class="page_name"></td>
          [-- END_IF --]
        </tr>
      [-- ELSE --]
        [-- IF PAGE.DisplayName "checked" --]
        <tr>
          <td colspan="2" class="page_name">[-- PAGE.Name --]</td>
        </tr>
        [-- END_IF --]
      [-- END_IF --]
     
       <tr>
        <td colspan="2" class="page_text1">[-- PAGE.Text1 --]</td>
      </tr>
      </table></td>
    </tr>
    <tr class="prev_next">
      <td class="prev_next">[-- PrevNext --]</td>
    </tr>
    <tr>
      <td class="page_products"><table class="page_products">
        [-- LOOP PRODUCTS VAR.pr_cols --]
          <td class="products_content">[-- PRODUCT --]</td>
        [-- END_LOOP PRODUCTS --]
          [-- VAR.define "page" --]
      </table></td>
    <tr class="prev_next">
      <td class="prev_next">[-- PrevNext --]</td>
    </tr>
    <tr class="page_text2">
      <td class="page_text2">[-- PAGE.Text2 --]</td>
    </tr>
[-- IF PAGE.DisplayPageFooter "checked" --]
    <tr class="products_footer">
      <td class="products_footer">[-- FOOTER --]</td>
    </tr>
[-- END_IF --]
    <tr class="page_text3">
      <td class="page_text3">[-- PAGE.Text3 --]</td>
    </tr>
  </table>
</div>
</div>

<div class="shipping_returns">
  <table class="shipping_returns">
     <td class="shipping_returns"><a href="http://volcanodeluxe.com/id15.html" target="_blank"><font color="#DAD5B6"><b>Shipping & Returns</b></font></a></td>
  </table>
</div>

<div class="privacy">
  <table class="privacy">
     <td class="privacy"><a href="http://volcanodeluxe.com/id1.html" target="_blank"><font color="#DAD5B6"><b>Privacy</b></font></a></td>
  </table>
</div>
</div>
</body>
</html>
[-- END_DEFINE PAGE --]

Here's the store http://volcanodeluxe.com/store/page36.html

[Jim]

Here is what you need to have for the DEFINE SUBPRODUCT section. It will display the subproducts in a pulldown list like options and will add the price of the product (regular or on sale) to the pulldown text.
#############################
[-- DEFINE SUBPRODUCT --]
<option value="[-- PRODUCT.RecordNumber --]">[-- PRODUCT.Name --][-- IF PRODUCT.DisplayPrice --] [-- IF PRODUCT.SaleAmount --][-- PRODUCT.SaleAmount --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- END_IF --]</option>
[-- END_DEFINE SUBPRODUCT --]
##############################

Here is what is required for in the DEFINE PRODUCT or DEFINE MOREINFORMATION section of the template where you want the actual subproducts to display in the pull down list.
##########################################
<select name="itemnum">
[-- LOOP SUBPRODUCTS --]
[-- SUBPRODUCTS --]
[-- END_LOOP SUBPRODUCTS --]
</select>
############################

By using the select type you have to have the necessary opening form elements before the select statements and the closing form elements after. Here is where the difficulty in modifying the Awesome theme comes in since there are lots of formatting statements in the code that you have to find the correct location for the select statement.

For a template without all the formatting you would need something like the following just to output the subproducts in the pulldown list. Product description, images, and general layout would be outside of this part of the template.

########################
<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>
<TABLE>
<TR><TD>
[-- IF PRODUCT.SubProduct --]
<SELECT name=itemnum>
[-- LOOP SUBPRODUCTS --]
[-- SUBPRODUCTS --]
[-- END_LOOP SUBPRODUCTS --]
</SELECT>
[-- ELSE --]
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
</TD><TD>

########################
# ADD TO CART #
########################
<input type=image src="[-- OUTPUT_DIRECTORY_URL --]/media/add_to_cart.gif" width=83 height=20 alt="add_to_cart.gif" hspace=3 vspace=3 border=0 align="bottom" name="Add to Cart" alt="Add to Cart">
<input type=image src="[-- OUTPUT_DIRECTORY_URL --]/media/view_cart.gif" width=71 height=20 alt="view_cart.gif" hspace=3 vspace=3 border=0 align="bottom" name="View Cart" alt="View Cart">
</TD></TR></TABLE>
</form>

[kastlebrick]

Thanks for taking the time to post that Jim.. unfortunately, I understood the code needed.. the part I didn't understand was where it goes.. an like the "cook book" this didn't clearly address where to put these codes.

I believe I will NOT be attempting this, as it's become a waste of time.