I have used shop site manager to set up a store and I thought that I was successful for most of it. The store involves name plates that are made from granite. My biggest problem was assigning a variable number of text boxes for the 'monogram' placed on the name plates.
Some styles of name plates have replaceable tops and so the number of textboxes must vary with the number of tops ordered for a specific base.
I created one product for each color and style of name plate, using a custom template to map the variable number of tops to comma delimited entries in the shopping cart. I thought I was home free and the client would be happy. I return from vacation to find my custom template approach rejected.
The client wants a pull down for each and every option and insists that this should be easy to do. Pick two interchangeable tops then provide the text on three lines. Or pick three tops and fill in four lines. (the base always has a line for text entry) She did not like the approach of treating different numbers of tops as different products.
Should I give up with shop site manager and switch to the pro version? would this solve my problem? I contacted iPage host and discovered that they only offer version 11.2 in all three versions... So I must ask if 11.2 pro would solve the above issues?
If not, who would you suggest as the most reasonable priced web host...
My options are becoming limited and I hate to abandon shop site...
Thanks
general advice
19 posts
• Page 1 of 2 • 1, 2
general advice
by charleshuff1953 » Fri Oct 31, 2014 8:13 pm
- charleshuff1953
- Posts: 14
- Joined: Sun Jul 20, 2014 2:25 am
Re: general advice
by ShopSite Lauren » Mon Nov 03, 2014 12:33 pm
Let me try to summarize what I THINK you want, then give a solution for that.
Summary
It sounds like you want to display many colors/tops on a single page, and have the customer select either 2 or 3 tops.
(Is it always either 2 or 3, or can customers select a single top, or more than 3 tops?)
My assumption is that the price will need to be changed based on the number of tops selected.
In addition to selecting various tops and adjusting the price, text fields need to be created to correspond to the number of tops.
(How are the titles of these done? Will it need to be super custom like "Red Top Text:" and "Blue Top Text" or can it be more basic like "Top 1 Text" and "Top 2 Text"?)
Solution
The easiest option would be to create a product in ShopSite that has the top color pull down menus. For example, in a single product (ie Package A), you could add the following into the product pull down menu field:
Set the price for Package A as the price for 2 tops, then add the additional cost in the 3rd top color pull down menu.
Last, for the text fields, you can enable the customer text entry field, then use the code to setup divided customer text entry fields in your product template. You would need to add a little javascript to check to see if the customer has selected a third top, and if they have, display the additional text field.
So, the full code...in your custom product template, the add to cart form on the product more information page to support this setup would look like the following:
Summary
It sounds like you want to display many colors/tops on a single page, and have the customer select either 2 or 3 tops.
(Is it always either 2 or 3, or can customers select a single top, or more than 3 tops?)
My assumption is that the price will need to be changed based on the number of tops selected.
In addition to selecting various tops and adjusting the price, text fields need to be created to correspond to the number of tops.
(How are the titles of these done? Will it need to be super custom like "Red Top Text:" and "Blue Top Text" or can it be more basic like "Top 1 Text" and "Top 2 Text"?)
Solution
The easiest option would be to create a product in ShopSite that has the top color pull down menus. For example, in a single product (ie Package A), you could add the following into the product pull down menu field:
- Code: Select all
Top 1;n
Blue Top 1
Red Top 1
Green Top 1
Top 2;n
Blue Top 2
Red Top 2
Green Top 2
Only 2 Tops
Blue Top 3 (add $5);5
Red Top 3 (add $5);5
Green Top 3 (add $5);5
Set the price for Package A as the price for 2 tops, then add the additional cost in the 3rd top color pull down menu.
Last, for the text fields, you can enable the customer text entry field, then use the code to setup divided customer text entry fields in your product template. You would need to add a little javascript to check to see if the customer has selected a third top, and if they have, display the additional text field.
So, the full code...in your custom product template, the add to cart form on the product more information page to support this setup would look like the following:
- Code: Select all
<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 PRODUCT.DisplayOrderingOptions --]
[-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --]<br>[-- END_IF --]
[-- Order_Option_Menu Column --]
[-- END_IF --]
[-- IF PRODUCT.OptionsBox --]
Top 1 Text <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text"
id="[-- PRODUCT.RecordNumber --]:freeopt" value="" size="15"><br>
Top 2 Text <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text"
id="[-- PRODUCT.RecordNumber --]:freeopt" value="" size="15"><br>
<div id="optionaltop3"></div>
Base Text <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text"
id="[-- PRODUCT.RecordNumber --]:freeopt" value="" size="15"><br>
[-- END_IF --]
[-- IF ADDIMAGE? --]
<input type="image" [--ADDIMAGE--]>
[-- ELSE --]
<input class="add" type="submit" value="[-- ADDTEXT --]">
[-- END_IF --]
</form>
<script type="text/javascript">
$("select[name='[-- PRODUCT.RecordNumber --]:finopt:2']").change(function() {if ($(this).val() !== "Only 2 Tops") {$("#optionaltop3").html("Top 3 Text <input name=\"[-- PRODUCT.RecordNumber --]:freeopt\" type=\"text\" id=\"[-- PRODUCT.RecordNumber --]:freeopt\" value=\"\" size=\"15\"><br>");};});
</script>
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
Contact me for help with any of your
custom ShopSite template questions.
- ShopSite Lauren
- Posts: 889
- Joined: Fri Aug 11, 2006 1:35 pm
- Location: Orem, UT
Re: general advice
by charleshuff1953 » Mon Nov 03, 2014 1:56 pm
To try to clarify, the product is a name plate such as might be seen on a lawyer's desk. Some styles have replaceable (as in physically removed and exchanged) tops depending on who is currently using the office. The color is a choice that once set applies to all tops, as they match the base. Currently the client wants to have a single product on a page, but have a way to select how many tops are in the order for one product be variable. so the choice would be 1 top, 2 tops, 3 tops, up to any number of tops (I think that I could get the client to settle for 9 or some reasonable number as a max) if I could show wording such as "to order more than 9 please contact us". The variable number of tops should correspond to a variable number of input fields as the reason for changing the tops is likely to be related to the person's name who is on duty at the time. The price will vary with the number of tops ordered. The hard part for me is the text. Top 1 text, Top 2 text, etc would be fine.
I understand pull down menu's. I had menu's in place for font of top, font color of top, font of base, font color of base, and I did the divided customer text entry fields. The client rejected this approach because she did not like Interchangeable Name Plates listed so many times in the catalog (one listing for each of the tops multiplied times each color choice) She did not like the approach of treating different numbers of tops as different products. The only way I can see of making this client happy is to put the number of lines of text at her fingertips and under her control without it being a hassle to change and manage. To really make her happy I am asked to DISPLAY the input text in the chosen font and font color. I don't believe that is possible. So my question remains...
Should I give up with shop site manager and switch to the shop site pro version? would this solve my problem? I contacted iPage.com web hosting and discovered that they only offer version 11.2 in all three versions... So I must ask if 11.2 pro would solve the above issues?
If not, and you feel version 12 of shop site pro would work for me, who would you suggest as the most reasonable priced web host...
I understand pull down menu's. I had menu's in place for font of top, font color of top, font of base, font color of base, and I did the divided customer text entry fields. The client rejected this approach because she did not like Interchangeable Name Plates listed so many times in the catalog (one listing for each of the tops multiplied times each color choice) She did not like the approach of treating different numbers of tops as different products. The only way I can see of making this client happy is to put the number of lines of text at her fingertips and under her control without it being a hassle to change and manage. To really make her happy I am asked to DISPLAY the input text in the chosen font and font color. I don't believe that is possible. So my question remains...
Should I give up with shop site manager and switch to the shop site pro version? would this solve my problem? I contacted iPage.com web hosting and discovered that they only offer version 11.2 in all three versions... So I must ask if 11.2 pro would solve the above issues?
If not, and you feel version 12 of shop site pro would work for me, who would you suggest as the most reasonable priced web host...
- charleshuff1953
- Posts: 14
- Joined: Sun Jul 20, 2014 2:25 am
Re: general advice
by ShopSite Lauren » Mon Nov 03, 2014 3:05 pm
No, ShopSite Pro won't fix this issue, and no, upgrading to the latest version of ShopSite won't fix this issue. Both upgrading to ShopSite Pro and/or upgrading to version 12 will give you more features and more ways to resolve this issue but most those ways are similar to how you can resolve this issue in the version and level that you have now.
Create a custom product template. That is the only way you can get what the client wants. ShopSite doesn't have a feature to display multiple text fields per product, so that has to be created in a custom template.
[/b]It sounds like you need a 6 pull down menus for this product, is this correct?
Number of Plates
Plate Color
Top Font
Top Font Color
Base Font
Base Font Color
Is this for a single product? Meaning, is there going to be an "Extra Large Name Plate" product with this same options, or a "Door Name Plate" with these same options, or is this for a single customizable product?
In Your Custom Template:
1. In the more information page section of your custom template make sure that there is an add to cart section on the product more information page that DOES display the regular product pull down menus and DOES NOT display the text field for that product.
2. Now, within the add to cart form, where you want the text fields to appear, add javascript code to loop through and write/create the text inputs. Something similar to the following:
<script type="text/javascript">
for (i = 0; i < soon-to-be-edited.length; i++) {
document.write("Top " + (i+1) + " Text <input name=\"[-- PRODUCT.RecordNumber --]:freeopt\" type=\"text\" id=\"[-- PRODUCT.RecordNumber --]:freeopt\" value=\"\" size=\"15\"><br>");
}
</script>
3. Last you need to link the pull down menu option for the Number of Plates with the loop you created. This is the tricky part. You will want to know which pull down menu is used for the number of pull down menus, so you will likely want to tell the merchant that IF this is used for multiple products, ALWAYS put the number of plates (or number of whatever corresponds to text fields) either first or last so you know where to look with the javascript. Then have your javascript read what is selected by that pull down menu, and loop through the code you setup in step 2 the correct number of times based on what the customer selected in the number of plates pull down menu. The code below can be used if the number of plates pull down menu is the FIRST pull down menu.
Create a custom product template. That is the only way you can get what the client wants. ShopSite doesn't have a feature to display multiple text fields per product, so that has to be created in a custom template.
[/b]It sounds like you need a 6 pull down menus for this product, is this correct?
Number of Plates
Plate Color
Top Font
Top Font Color
Base Font
Base Font Color
Is this for a single product? Meaning, is there going to be an "Extra Large Name Plate" product with this same options, or a "Door Name Plate" with these same options, or is this for a single customizable product?
In Your Custom Template:
1. In the more information page section of your custom template make sure that there is an add to cart section on the product more information page that DOES display the regular product pull down menus and DOES NOT display the text field for that product.
2. Now, within the add to cart form, where you want the text fields to appear, add javascript code to loop through and write/create the text inputs. Something similar to the following:
<script type="text/javascript">
for (i = 0; i < soon-to-be-edited.length; i++) {
document.write("Top " + (i+1) + " Text <input name=\"[-- PRODUCT.RecordNumber --]:freeopt\" type=\"text\" id=\"[-- PRODUCT.RecordNumber --]:freeopt\" value=\"\" size=\"15\"><br>");
}
</script>
3. Last you need to link the pull down menu option for the Number of Plates with the loop you created. This is the tricky part. You will want to know which pull down menu is used for the number of pull down menus, so you will likely want to tell the merchant that IF this is used for multiple products, ALWAYS put the number of plates (or number of whatever corresponds to text fields) either first or last so you know where to look with the javascript. Then have your javascript read what is selected by that pull down menu, and loop through the code you setup in step 2 the correct number of times based on what the customer selected in the number of plates pull down menu. The code below can be used if the number of plates pull down menu is the FIRST pull down menu.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
Contact me for help with any of your
custom ShopSite template questions.
- ShopSite Lauren
- Posts: 889
- Joined: Fri Aug 11, 2006 1:35 pm
- Location: Orem, UT
Re: general advice
by charleshuff1953 » Mon Nov 03, 2014 7:37 pm
If shop site won't do what I need... Is it possible to use Weebly to build a site that has these variable lines of text and use the shop site order anywhere feature to pull the text fields into the shopping cart when the order is placed? Say the page has 4 monograms for the product, once the add to cart button is clicked can I then get the text into the cart even comma delimited? is that possible?
- charleshuff1953
- Posts: 14
- Joined: Sun Jul 20, 2014 2:25 am
Re: general advice
by ShopSite Lauren » Mon Nov 03, 2014 8:01 pm
I don't think you are reading my responses. Yes it can be done with ShopSite. The functionality isn't built into a ShopSite template, because the functionality you want is really specific to the product, but it can be accomplished with a few changes. I have given you nearly all the code you need, but without the example page/product you are working on, I can't give you ALL the code.
I am not familiar enough with Weebly to give information on how this would be accomplished with Weebly.
I am not familiar enough with Weebly to give information on how this would be accomplished with Weebly.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
Contact me for help with any of your
custom ShopSite template questions.
- ShopSite Lauren
- Posts: 889
- Joined: Fri Aug 11, 2006 1:35 pm
- Location: Orem, UT
Re: general advice
by charleshuff1953 » Mon Nov 03, 2014 10:26 pm
I played with the drag and drop website editor only because I saw it in your tutorials section on order anywhere. I think it only complicates the issue. I understand how to modify the product templates to get several lines of text into one variable in the cart comma delimited. The javascript loop you speak of seems limited to a fixed (known) number of options. I will play with it and see if I can get that to work. I am really looking for something simple to implement that the client can maintain without modifying code. I just found the sub product check boxes. I wonder if the problem could be solved using sub products? If I could allow the sub products to 'inherit' the color, font, and font color from the base product and assuming I could still use the one available text field in a sub product it just might work. While I am thinking about that, can sub products be nested? If top 2 only shows as a choice after top 1 is selected, that might be cool... I am guessing that if shop site does not provide the functionality to do what I am asking, then I must be asking for something the wrong way or trying to implement an overly complex model.
P.S. What controls the order of products displayed on a page? It looks like you can arrange sub products... so I am wondering how to also arrange products?
P.S. What controls the order of products displayed on a page? It looks like you can arrange sub products... so I am wondering how to also arrange products?
- charleshuff1953
- Posts: 14
- Joined: Sun Jul 20, 2014 2:25 am
Re: general advice
by ShopSite Lauren » Mon Nov 03, 2014 10:35 pm
having one menu show up, and have the customer forced to select that menu option before the next menu appears is something that is available in ShopSite Pro, but you could do it with your own JavaScript in ShopSite Manager.
You can arrange products on a page under Pages > Arrange Items.
You can arrange products on a page under Pages > Arrange Items.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
Contact me for help with any of your
custom ShopSite template questions.
- ShopSite Lauren
- Posts: 889
- Joined: Fri Aug 11, 2006 1:35 pm
- Location: Orem, UT
Re: general advice
by charleshuff1953 » Mon Nov 03, 2014 10:41 pm
I will explore that option. Thank you so very much for your patience... Is the conditional menu extremely complicated to "nest"? Is the 'nesting' of sub products only done by menu choices?
- charleshuff1953
- Posts: 14
- Joined: Sun Jul 20, 2014 2:25 am
Re: general advice
by ShopSite Lauren » Tue Nov 04, 2014 8:56 am
When you say "conditional menu" are you just wanting the menus to appear as the previous menu is selected, because that is relatively easy with javascript, if you mean that the menus change based on what is selected in the previous menu, this is something that is built into ShopSite Pro; to add it to ShopSite Manager would be very difficult and much harder for the merchant to use in the future.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
Contact me for help with any of your
custom ShopSite template questions.
- ShopSite Lauren
- Posts: 889
- Joined: Fri Aug 11, 2006 1:35 pm
- Location: Orem, UT
Re: general advice
by charleshuff1953 » Tue Nov 04, 2014 1:52 pm
I cannot get the sub products to work for me. I guess I don't understand their purpose fully. goto www.granitenameplates.com and you will see what I have done. the two links in question are the "interchangeable blue nameplate" and "interchangeable black nameplate" choices. It would be wonderful if the extra tops cascaded and became available after the previous entry was added to the cart. I will tell the owner that this is the best that I can do and hope for the best... Thank you for all your help.
- charleshuff1953
- Posts: 14
- Joined: Sun Jul 20, 2014 2:25 am
Re: general advice
by ShopSite Lauren » Tue Nov 04, 2014 3:09 pm
You could try this custom product template:
- Code: Select all
[-- DEFINE SUBPRODUCT --]
<div>
<span class="addanother" id="[-- VAR.SubproductCount --]" style="[-- IF VAR.SubproductCount 1 --]display: block;[-- ELSE --]display: none;[-- END_IF --] cursor: pointer; color: #[-- STORE.LinkColor --]; text-decoration: underline;">Add Another Top Plate</span>
<div style="display: none;">
<input class="checkbox" type="checkbox" name="itemnum" value="[-- PRODUCT.RecordNumber --]"><input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25">[-- IF PRODUCT.DisplayPrice --] - [-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --] [-- STORE.OnSaleText --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- END_IF --]
<br>
</div>
</div>
[-- END_DEFINE SUBPRODUCT --]
################################################################################
[-- DEFINE PRODUCT --][-- IF PRODUCT.UseMultiMenus checked --]
[-- ELSE_IF PRODUCT.DisplayAddtoCart "All Pages" --]<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">
[-- END_IF --]
<script type="text/javascript">var $ = ss_jQuery, jQuery = ss_jQuery;</script>
<td [-- IF PRODUCT.ImageAlignment "left" --]class="pr_img"[-- ELSE --]class="product"[-- END_IF --][-- IF PRODUCT.ImageAlignment "center" --] colspan="2"[-- END_IF --]>
[-- IF PRODUCT.ImageAlignment "right" --][-- ELSE --][-- IF PRODUCT.DisplayGraphic --][-- IF PRODUCT.Graphic --][-- IF PRODUCT.ImageAlignment "center" --]<center>[-- END_IF --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]">[-- PRODUCT.Graphic --]</a>[-- ELSE --][-- PRODUCT.Graphic --][-- END_IF --][-- IF PRODUCT.ImageAlignment "center" --]</center>[-- END_IF --][-- END_IF --][-- END_IF --][-- END_IF --]
[-- IF PRODUCT.ImageAlignment "left" --]</td><td class="product">[-- END_IF --]
[-- IF PRODUCT.VariableName? --][-- IF PRODUCT.DisplayAddtoCart "All Pages" --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]" class="prod_name_vr_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- STORE.ProductName --]</a>[-- ELSE --]<span class="prod_name_vr_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- STORE.ProductName --]</span>[-- END_IF --] <input name="[--PRODUCT.RecordNumber--]:name" size="20" maxlength="100" value="" type="text">[-- END_IF --]
[-- ELSE_IF PRODUCT.DisplayName --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]" class="prod_name_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</a>[-- ELSE --]<span class="prod_name_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</span>[-- END_IF --][-- END_IF --]
[-- IF REVIEWS --][-- IF Reviews_Count_Number LT 1 --]<span class="write-review">[-- REVIEWS_WRITE_FIRST --]</span>[-- ELSE --]<span class="reviews-brief">[-- REVIEWS_STARS --]</span>[-- END_IF --][-- END_IF --]
<span class="prod_price_[-- PRODUCT.PriceStyle --]_[-- PRODUCT.PriceSize --]">[-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --]<strike>[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</strike>[-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --]</span>
[-- IF PRODUCT.ProductDescription --]<p class="prod_desc_[-- PRODUCT.DescriptionStyle --]_[-- PRODUCT.DescriptionSize --]">[-- PRODUCT.ProductDescription --]</p>[-- END_IF --]
[-- IF PRODUCT.QuantityPricing --][-- PRODUCT.QuantityPricing --][-- END_IF --]
</td></tr>
<tr><td colspan="2" align="left">
<input name="[--PRODUCT.RecordNumber--]" type="hidden" name="itemnum">
[-- Order_Option_Menu Column --]
[-- IF PRODUCT.OptionsBox --]
Text to engrave on Top: <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25"><br>
Text to engrave on Face: <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25"><br>
[-- END_IF --]
[-- IF PRODUCT.DisplayOrderQuantity --]<span class="nobr">[-- STORE.Qty --] <input type="text" size="2" name="[-- PRODUCT.RECORDNUMBER --]:qnty" value="[-- IF PRODUCT.MinimumQuantity "0" --]1[-- ELSE_IF PRODUCT.MinimumQuantity "" --]1[-- ELSE --][-- PRODUCT.MinimumQuantity --][-- END_IF --]"></span>[-- END_IF --]
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
<br>
[-- IF PRODUCT.SubProduct --][-- VAR.SubproductCount 0 --]
[-- LOOP SUBPRODUCTS --][-- VAR.SubproductCount INC --]
[-- SUBPRODUCTS BasicProduct.sst --]
[-- END_LOOP SUBPRODUCTS --]
[-- END_IF --]
<script type="text/javascript">
$(".addanother").each(function(){$(this).click(function() {
var nexid = parseInt($(this).attr("id"))+1;
$(this).hide();
$(this).parent().children("div").show();
$(this).parent().children("div").children(".checkbox").attr("checked","checked")
$(this).parents("td").find("span#" + nexid).show();
});});
</script>
<br><br>
<input type="submit" value="Add To Cart">
<br><br>
</div></form>
<div class="clear"></div>
</td>
[-- END_DEFINE PRODUCT --]
################################################################################
[-- DEFINE PRODUCT_CROSS_SELL --][-- INCLUDE BasicPage-CrossSellDefine.sst PROCESS --][-- END_DEFINE PRODUCT_CROSS_SELL --]
[-- DEFINE MORE_INFO_PAGE --][-- INCLUDE BasicProduct-MoreInfoPage.sst PROCESS --][-- END_DEFINE MORE_INFO_PAGE --]
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
Contact me for help with any of your
custom ShopSite template questions.
- ShopSite Lauren
- Posts: 889
- Joined: Fri Aug 11, 2006 1:35 pm
- Location: Orem, UT
Re: general advice
by charleshuff1953 » Wed Nov 05, 2014 10:00 pm
I put the below code in to a custom product template, but somehow it seems broken... as I said I don't really understand sub products. when I assign any sub product the main item immediately loses the pulldowns and custom entries for text that I worked so hard to set up. The sub prouct can be set to include the main Item itself but it still seems to be a step backwards for me. I wish there was a way to get back to the order page from the cart without clearing out the page, but I guess this would cause problems with the cart itself. I call a different product template for the first product than for all the rest. so the loop seems to be doomed to fail...
[-- IF PRODUCT.SubProduct --][-- VAR.SubproductCount 0 --]
[-- LOOP SUBPRODUCTS --][-- VAR.SubproductCount INC --]
[-- SUBPRODUCTS BasicProduct_cf2.sst --]
[-- END_LOOP SUBPRODUCTS --]
[-- END_IF --]
[-- IF PRODUCT.SubProduct --][-- VAR.SubproductCount 0 --]
[-- LOOP SUBPRODUCTS --][-- VAR.SubproductCount INC --]
[-- SUBPRODUCTS BasicProduct_cf2.sst --]
[-- END_LOOP SUBPRODUCTS --]
[-- END_IF --]
- charleshuff1953
- Posts: 14
- Joined: Sun Jul 20, 2014 2:25 am
Re: general advice
by ShopSite Lauren » Thu Nov 06, 2014 10:11 am
The code you listed doesn't show what you are doing. It only shows that you added VAR tags, not how or if you are using those VAR tags.
Did you try the complete template I sent? It already had all the code you needed, and displayed the main product and the subproducts in a single form so that customers don't have to click more than 1 add to cart button to add all the products and additional features that they wanted.
Did you try the complete template I sent? It already had all the code you needed, and displayed the main product and the subproducts in a single form so that customers don't have to click more than 1 add to cart button to add all the products and additional features that they wanted.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
Contact me for help with any of your
custom ShopSite template questions.
- ShopSite Lauren
- Posts: 889
- Joined: Fri Aug 11, 2006 1:35 pm
- Location: Orem, UT
Re: general advice
by charleshuff1953 » Thu Nov 06, 2014 10:53 am
I put in a TestPage to show you. below is the complete product template... I modified only one line... [-- SUBPRODUCTS BasicProduct_2cf.sst --]
what I see is that the first add to cart button does not work... No sub products are defined on the test page because that breaks the customer text entry...
granitenameplates.com
#BasicPage Product Template
#Copyright ShopSite inc. Design by Lauren
[-- DEFINE SUBPRODUCT --]
<div>
<span class="addanother" id="[-- VAR.SubproductCount --]" style="[-- IF VAR.SubproductCount 1 --]display: block;[-- ELSE --]display: none;[-- END_IF --] cursor: pointer; color: #[-- STORE.LinkColor --]; text-decoration: underline;">Add Another Top Plate</span>
<div style="display: none;">
<input class="checkbox" type="checkbox" name="itemnum" value="[-- PRODUCT.RecordNumber --]"><input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25">[-- IF PRODUCT.DisplayPrice --] - [-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --] [-- STORE.OnSaleText --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- END_IF --]
<br>
</div>
</div>
[-- END_DEFINE SUBPRODUCT --]
################################################################################
[-- DEFINE PRODUCT --][-- IF PRODUCT.UseMultiMenus checked --]
[-- ELSE_IF PRODUCT.DisplayAddtoCart "All Pages" --]<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">
[-- END_IF --]
<script type="text/javascript">var $ = ss_jQuery, jQuery = ss_jQuery;</script>
<td [-- IF PRODUCT.ImageAlignment "left" --]class="pr_img"[-- ELSE --]class="product"[-- END_IF --][-- IF PRODUCT.ImageAlignment "center" --] colspan="2"[-- END_IF --]>
[-- IF PRODUCT.ImageAlignment "right" --][-- ELSE --][-- IF PRODUCT.DisplayGraphic --][-- IF PRODUCT.Graphic --][-- IF PRODUCT.ImageAlignment "center" --]<center>[-- END_IF --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]">[-- PRODUCT.Graphic --]</a>[-- ELSE --][-- PRODUCT.Graphic --][-- END_IF --][-- IF PRODUCT.ImageAlignment "center" --]</center>[-- END_IF --][-- END_IF --][-- END_IF --][-- END_IF --]
[-- IF PRODUCT.ImageAlignment "left" --]</td><td class="product">[-- END_IF --]
[-- IF PRODUCT.VariableName? --][-- IF PRODUCT.DisplayAddtoCart "All Pages" --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]" class="prod_name_vr_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- STORE.ProductName --]</a>[-- ELSE --]<span class="prod_name_vr_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- STORE.ProductName --]</span>[-- END_IF --] <input name="[--PRODUCT.RecordNumber--]:name" size="20" maxlength="100" value="" type="text">[-- END_IF --]
[-- ELSE_IF PRODUCT.DisplayName --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]" class="prod_name_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</a>[-- ELSE --]<span class="prod_name_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</span>[-- END_IF --][-- END_IF --]
[-- IF REVIEWS --][-- IF Reviews_Count_Number LT 1 --]<span class="write-review">[-- REVIEWS_WRITE_FIRST --]</span>[-- ELSE --]<span class="reviews-brief">[-- REVIEWS_STARS --]</span>[-- END_IF --][-- END_IF --]
<span class="prod_price_[-- PRODUCT.PriceStyle --]_[-- PRODUCT.PriceSize --]">[-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --]<strike>[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</strike>[-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --]</span>
[-- IF PRODUCT.ProductDescription --]<p class="prod_desc_[-- PRODUCT.DescriptionStyle --]_[-- PRODUCT.DescriptionSize --]">[-- PRODUCT.ProductDescription --]</p>[-- END_IF --]
[-- IF PRODUCT.QuantityPricing --][-- PRODUCT.QuantityPricing --][-- END_IF --]
</td></tr>
<tr><td colspan="2" align="left">
<input name="[--PRODUCT.RecordNumber--]" type="hidden" name="itemnum">
[-- Order_Option_Menu Column --]
[-- IF PRODUCT.OptionsBox --]
Text to engrave on Top: <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25"><br>
Text to engrave on Face: <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25"><br>
[-- END_IF --]
[-- IF PRODUCT.DisplayOrderQuantity --]<span class="nobr">[-- STORE.Qty --] <input type="text" size="2" name="[-- PRODUCT.RECORDNUMBER --]:qnty" value="[-- IF PRODUCT.MinimumQuantity "0" --]1[-- ELSE_IF PRODUCT.MinimumQuantity "" --]1[-- ELSE --][-- PRODUCT.MinimumQuantity --][-- END_IF --]"></span>[-- END_IF --]
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
<br>
[-- IF PRODUCT.SubProduct --][-- VAR.SubproductCount 0 --]
[-- LOOP SUBPRODUCTS --][-- VAR.SubproductCount INC --]
[-- SUBPRODUCTS BasicProduct_2cf.sst --]
[-- END_LOOP SUBPRODUCTS --]
[-- END_IF --]
<script type="text/javascript">
$(".addanother").each(function(){$(this).click(function() {
var nexid = parseInt($(this).attr("id"))+1;
$(this).hide();
$(this).parent().children("div").show();
$(this).parent().children("div").children(".checkbox").attr("checked","checked")
$(this).parents("td").find("span#" + nexid).show();
});});
</script>
<br><br>
<input type="submit" value="Add To Cart">
<br><br>
</div></form>
<div class="clear"></div>
</td>
[-- END_DEFINE PRODUCT --]
################################################################################
[-- DEFINE PRODUCT_CROSS_SELL --][-- INCLUDE BasicPage-CrossSellDefine.sst PROCESS --][-- END_DEFINE PRODUCT_CROSS_SELL --]
[-- DEFINE MORE_INFO_PAGE --][-- INCLUDE BasicProduct-MoreInfoPage.sst PROCESS --][-- END_DEFINE MORE_INFO_PAGE --]
what I see is that the first add to cart button does not work... No sub products are defined on the test page because that breaks the customer text entry...
granitenameplates.com
#BasicPage Product Template
#Copyright ShopSite inc. Design by Lauren
[-- DEFINE SUBPRODUCT --]
<div>
<span class="addanother" id="[-- VAR.SubproductCount --]" style="[-- IF VAR.SubproductCount 1 --]display: block;[-- ELSE --]display: none;[-- END_IF --] cursor: pointer; color: #[-- STORE.LinkColor --]; text-decoration: underline;">Add Another Top Plate</span>
<div style="display: none;">
<input class="checkbox" type="checkbox" name="itemnum" value="[-- PRODUCT.RecordNumber --]"><input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25">[-- IF PRODUCT.DisplayPrice --] - [-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --] [-- STORE.OnSaleText --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- END_IF --]
<br>
</div>
</div>
[-- END_DEFINE SUBPRODUCT --]
################################################################################
[-- DEFINE PRODUCT --][-- IF PRODUCT.UseMultiMenus checked --]
[-- ELSE_IF PRODUCT.DisplayAddtoCart "All Pages" --]<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">
[-- END_IF --]
<script type="text/javascript">var $ = ss_jQuery, jQuery = ss_jQuery;</script>
<td [-- IF PRODUCT.ImageAlignment "left" --]class="pr_img"[-- ELSE --]class="product"[-- END_IF --][-- IF PRODUCT.ImageAlignment "center" --] colspan="2"[-- END_IF --]>
[-- IF PRODUCT.ImageAlignment "right" --][-- ELSE --][-- IF PRODUCT.DisplayGraphic --][-- IF PRODUCT.Graphic --][-- IF PRODUCT.ImageAlignment "center" --]<center>[-- END_IF --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]">[-- PRODUCT.Graphic --]</a>[-- ELSE --][-- PRODUCT.Graphic --][-- END_IF --][-- IF PRODUCT.ImageAlignment "center" --]</center>[-- END_IF --][-- END_IF --][-- END_IF --][-- END_IF --]
[-- IF PRODUCT.ImageAlignment "left" --]</td><td class="product">[-- END_IF --]
[-- IF PRODUCT.VariableName? --][-- IF PRODUCT.DisplayAddtoCart "All Pages" --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]" class="prod_name_vr_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- STORE.ProductName --]</a>[-- ELSE --]<span class="prod_name_vr_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- STORE.ProductName --]</span>[-- END_IF --] <input name="[--PRODUCT.RecordNumber--]:name" size="20" maxlength="100" value="" type="text">[-- END_IF --]
[-- ELSE_IF PRODUCT.DisplayName --][-- IF PRODUCT.DisplayMoreInformationPage --]<a href="[-- PRODUCT.MoreInfoURL --]" class="prod_name_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</a>[-- ELSE --]<span class="prod_name_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</span>[-- END_IF --][-- END_IF --]
[-- IF REVIEWS --][-- IF Reviews_Count_Number LT 1 --]<span class="write-review">[-- REVIEWS_WRITE_FIRST --]</span>[-- ELSE --]<span class="reviews-brief">[-- REVIEWS_STARS --]</span>[-- END_IF --][-- END_IF --]
<span class="prod_price_[-- PRODUCT.PriceStyle --]_[-- PRODUCT.PriceSize --]">[-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --]<strike>[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</strike>[-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --]</span>
[-- IF PRODUCT.ProductDescription --]<p class="prod_desc_[-- PRODUCT.DescriptionStyle --]_[-- PRODUCT.DescriptionSize --]">[-- PRODUCT.ProductDescription --]</p>[-- END_IF --]
[-- IF PRODUCT.QuantityPricing --][-- PRODUCT.QuantityPricing --][-- END_IF --]
</td></tr>
<tr><td colspan="2" align="left">
<input name="[--PRODUCT.RecordNumber--]" type="hidden" name="itemnum">
[-- Order_Option_Menu Column --]
[-- IF PRODUCT.OptionsBox --]
Text to engrave on Top: <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25"><br>
Text to engrave on Face: <input name="[-- PRODUCT.RecordNumber --]:freeopt" type="text" value="Carefully type name or logo here" onFocus="value=''" size="25"><br>
[-- END_IF --]
[-- IF PRODUCT.DisplayOrderQuantity --]<span class="nobr">[-- STORE.Qty --] <input type="text" size="2" name="[-- PRODUCT.RECORDNUMBER --]:qnty" value="[-- IF PRODUCT.MinimumQuantity "0" --]1[-- ELSE_IF PRODUCT.MinimumQuantity "" --]1[-- ELSE --][-- PRODUCT.MinimumQuantity --][-- END_IF --]"></span>[-- END_IF --]
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
<br>
[-- IF PRODUCT.SubProduct --][-- VAR.SubproductCount 0 --]
[-- LOOP SUBPRODUCTS --][-- VAR.SubproductCount INC --]
[-- SUBPRODUCTS BasicProduct_2cf.sst --]
[-- END_LOOP SUBPRODUCTS --]
[-- END_IF --]
<script type="text/javascript">
$(".addanother").each(function(){$(this).click(function() {
var nexid = parseInt($(this).attr("id"))+1;
$(this).hide();
$(this).parent().children("div").show();
$(this).parent().children("div").children(".checkbox").attr("checked","checked")
$(this).parents("td").find("span#" + nexid).show();
});});
</script>
<br><br>
<input type="submit" value="Add To Cart">
<br><br>
</div></form>
<div class="clear"></div>
</td>
[-- END_DEFINE PRODUCT --]
################################################################################
[-- DEFINE PRODUCT_CROSS_SELL --][-- INCLUDE BasicPage-CrossSellDefine.sst PROCESS --][-- END_DEFINE PRODUCT_CROSS_SELL --]
[-- DEFINE MORE_INFO_PAGE --][-- INCLUDE BasicProduct-MoreInfoPage.sst PROCESS --][-- END_DEFINE MORE_INFO_PAGE --]
- charleshuff1953
- Posts: 14
- Joined: Sun Jul 20, 2014 2:25 am
19 posts
• Page 1 of 2 • 1, 2
Who is online
Users browsing this forum: No registered users and 19 guests