The following are some details I copied out of the old onlinebusinessWiki which was so full of good stuff that has now been lost...
Shipping option details
Monday, 20 July 2009
5:43 PM
To change how Shipping options are presented / displayed - The definitive answer....
Through CSS styling and some javascript it is possible to change which elements are displayed and to change the label text associated with each of the elements
To turn display of any element off you include <style> code at the beginning of your shopping cart template. The elements (NOTE: the names are case sensitive !) that can be turned off are:
shippingCountry (the drop down field listing you country(s))
shippingCountrySpan (The label for the country drop down field)
shippingSpan
ShippingOptions
shippingState
shippingStateSpan
Example of achieving this is shown below
<style>
#shippingCountry {display:none;}
#shippingCountrySpan {display:none;}
#shippingSpan {display:none;}
</style>
To change the value of the label associated with each element you place the following javascript code at the end of your layout selecting the relevant element being
shippingCountrySpan
shippingSpan
shippinStateSpan
Example of how I changed the lebel on the Destination State to choose type of GST in Australia is
</script>
<script type="text/javascript">
- document.getElementById('shippingStateSpan').innerHTML = 'Select GST type';
</script>
Replacing Shipping options with custom text
<script type="text/javascript">
var sel = document.getElementById('ShippingOptions')
for(var i=sel.options.length-1;i>=0;i--)
{
if(sel.options[i].value == "-1")
sel.options[i].text = "Here goes the text of whatever you want to replace Choose Shipping Options to";
}
</script>
Auto-Selecting one Shipping Option
Needs to be added to the Check Out Layout -
<script type="text/javascript">
var shippingOptions = document.getElementById('ShippingOptions');
if (shippingOptions) {
shippingOptions.selectedIndex = 1;
shippingOptions.onchange();
}
</script>
I hope this is still relevant and helpful....
If you want to see this implimented go to www.blackandblue.com.au - we set up a single tax code called GST and have hiddent this DIV per above after presetting the shippingState to the 1st (and only) choice.
In the shopping cart layout we used the following... {tag_shippingoptions,true,true,AU;NZ;US} to limit our shipping to just AU, NZ and USA at present. We have shipping rates set up for the 3 different zones.
The end result is that the shopping cart only applies GST if the buyer is is Aust and then only asks for shipping rates in NZ or US and at no time do we ask for a State or GST code.
112 posts 
