IFrame background color for order anywhere

General ShopSite user discussion

IFrame background color for order anywhere

Postby hiamps » Sat Jun 23, 2012 2:15 pm

I have an IFrame order anywhere on some pages that is not shopsite and I am wondering What and Where to add code to change the frame to the color of the page. On www.swanscandles.com I want it yellow instead of white. This is the code that is on that page...

<html><head><script type="text/javascript" language="JavaScript" src="http://www.swanscandles.com/store/media/en-US/javascript/iframe_popout.js"></script></head><body><style type="text/css">
</style>
<div id="ss_em_pr">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" align="center">
<img src="http://www.swanscandles.com/store/media/ss_size2/whitebeeswax.gif" alt="whitebeeswax" width="100" height="114" vspace="3" hspace="3" border="0" align="Left" style="margin: 0px 10px 10px 0px;">
</td>
<td valign="top" align="left" width="100%">
<span class="pr_name Big Bold">Beeswax Natural White</span>
All Natural White Beeswax, refined in the USA without any chemical bleaching aids. Our White Beeswax conforms to the USP/NF monograph and is suitable for pharmaceutical as well as all food, cosmetic and all personal care product applications. This Beeswax is quite fragrant and has a typical slightly off-white color. This product is finished in a fine prill (Granules) form for easy handling and faster processing. Works well for cosmetics, encaustic art, Batik, candle making and many other uses.<form action="http://www.swanscandles.com/cgi-swanscandles/sb/order.cgi" method="post">
<input type="hidden" name="storeid" value="*1c1c44f491a38cc1e170472b68be4058">
<input type="hidden" name="dbname" value="products">
<input type="hidden" name="function" value="add">
<br> <input type="radio" name="itemnum" value="2603">&nbsp;Beeswax Natural White 1 ounce <i>$0.95</i><br>
<input type="radio" name="itemnum" value="1977">&nbsp;Beeswax Natural White 1 lb <i>$6.69</i><br>
<input type="radio" name="itemnum" value="1978">&nbsp;Beeswax Natural White 2.5 lbs <i>$16.45</i><br>
<input type="radio" name="itemnum" value="1979">&nbsp;Beeswax Natural White 5 lbs <i>$30.95</i><br>
<input type="radio" name="itemnum" value="1980">&nbsp;Beeswax Natural White 10 lbs <i>$59.95</i><br>
<input type="radio" name="itemnum" value="1981">&nbsp;Beeswax Natural White 55 lb case <i>$272.95</i><br>
<br>
<input class="add" type="image" src="http://www.swanscandles.com/store/media/en-US/buttons/3col-blue/btn-addtocart.png">
</form>
<div class="wishpot_form">
<input name="pkey" value="shopsite" type="hidden">
<input name="pchannel" value="swanscandles" type="hidden">
<input name="WishUrl" value="http://www.swanscandles.com/store/White-Beeswax.htm" type="hidden">
<input name="WishTitle" value="Beeswax Natural White" type="hidden">
<input name="Price" value="$0.00" type="hidden">
<input name="Currency" value="USD" type="hidden">
<input name="Sku" value="" type="hidden">
<input name="ImgSrc" value="http://www.swanscandles.com/store/media/whitebeeswax.gif" type="hidden">
<input name="ImgWidth" value="200" type="hidden">
<input name="ImgHeight" value="200" type="hidden">
<a href="http://www.wishpot.com/" onClick="if(document.getElementById){window.WISHPOT_FORM=this.parentNode;var x=document.getElementsByTagName('head').item(0);var o=document.createElement('script');if(typeof(o)!='object')o=document.standardCreateElement('script');o.setAttribute('src','http://www.wishpot.com/scripts/bm.js?v=100');o.setAttribute('type','text/javascript');x.appendChild(o);} return false;" title="Add To Your Wish List" target="_blank"><img border="0" src="http://www.wishpot.com/img/8.png" alt="Add To Your Wish List" /></a>
</div>
</tr>
</table>
</div>
<script>pass_referer('http://www.swanscandles.com/');</script></body></html>
hiamps
 
Posts: 160
Joined: Thu Sep 14, 2006 7:42 pm
Location: Lakewood Wa

Re: IFrame background color for order anywhere

Postby loren_d_c » Mon Jul 02, 2012 11:52 am

Everything after the <body> tag through the final </div> comes from a product template, the one specified in the pull-down below the iframe preview shown in Merchandising -> OrderAnywhere -> Show Code. The default template is 'em_BasicLayout.sst'. You can make a copy of this in Merchandising -> Custom Templates -> Page/Product using the Copy ShopSite Template function in the Product Templates section. Make sure the name of your copy of the template also starts with 'em_' so that it will appear in the template list in the OrderAnywhere menu.

This is just a product template, and you don't have access to the <body> tag so you can't add colors to that, however the entire content is within a div and a table, so you should be able to assign a yellow background color to that div or table, either inline or by adding CSS at the beginning that sets the background colors for those elements to yellow.

-Loren
loren_d_c
 
Posts: 2572
Joined: Fri Aug 04, 2006 12:02 pm
Location: Anywhere


Return to User Forum

Who is online

Users browsing this forum: No registered users and 107 guests