HTML - Tables Of My Shopping Cart

Say you have radio buttons, text field and wanted to have a updated page above where you are entering the data, how would you write this code? the updated page would show you what you have in the input fields.

I am not sure where to post this but here goes.

I am trying to find a way to use javascript (I no nothing about this) to pass to our PayPal shopping cart the right shipping and handling charge. I was told that javascript would be able to help?

We are selling 3 things that all have a different price and different shipping charge. The shopping cart works if someone purchases just one item but if someone purchases multiple different items we are charging too much shipping and handling.

What I would like to do is take the maximum charge of the items chosen and only charge that amount. One problem I may have is different sizes of the same item seem to take on it's own shipping and handling charge for each size.

Here is an extract of my PayPal Shopping Cart html....

First Item For Sale:

<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="abc@123.com">
<input type="hidden" name="item_name" value="2008 Calendar">
<input type="hidden" name="amount" value="16.95">
<input type="hidden" name="shipping" value="10.00">
<input type="hidden" name="shipping2" value="2.00">
<input type="hidden" name="tax" value="1.02"><!-- this is 6% tax GST + no PST on $16.95 -->
<input type="hidden" name="buyer_credit_promo_code" value="">
<input type="hidden" name="buyer_credit_product_category" value="">
<input type="hidden" name="buyer_credit_shipping_method" value="">
<input type="hidden" name="buyer_credit_user_address_change" value="">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="CAD">
<input type="hidden" name="lc" value="CA">
<input type="hidden" name="bn" value="PP-ShopCartBF">

Second Item For Sale:

<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="abc@123.com">
<input type="hidden" name="item_name" value="OPC Magazine - Issue # 2">
<input type="hidden" name="amount" value="9.99">
<input type="hidden" name="shipping" value="2.00">
<input type="hidden" name="shipping2" value="1.00">
<input type="hidden" name="tax" value="0.00"><!-- no taxes on magazines -->
<input type="hidden" name="buyer_credit_promo_code" value="">
<input type="hidden" name="buyer_credit_product_category" value="">
<input type="hidden" name="buyer_credit_shipping_method" value="">
<input type="hidden" name="buyer_credit_user_address_change" value="">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="CAD">
<input type="hidden" name="lc" value="CA">
<input type="hidden" name="bn" value="PP-ShopCartBF">


Third Item For Sale - Contains 4 different sizes to choose from:

<td><input type="hidden" name="on0" value="Size">
<strong>Size</strong></td>
<td><select name="os0">
<option value="Medium">(M) Medium
<option value="Large">(L) Large
<option value="Extra Large">(XL) Extra Large
<option value="Extra Extra Large">(XXL) Extra Extra Large</select>
</td>
</tr>
<tr>
<td><input type="hidden" name="on1" value="Colour">
<strong>Colour </strong></td>
<td><select name="os1">
<option value="Navy Blue">Navy Blue</select> </td>
</tr>
</table>
<p>
<input type="image" src="https://www.paypal.com//en_US/i/btn/sc-but-03.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="abc@123.com">
<input type="hidden" name="item_name" value="OPC Golf Shirt">
<input type="hidden" name="amount" value="19.99">
<input type="hidden" name="shipping" value="11.00">
<input type="hidden" name="shipping2" value="5.00">
<input type="hidden" name="tax" value="2.80"><!-- this is 6% tax GST + 8% PST on $19.99 -->
<input type="hidden" name="buyer_credit_promo_code" value="">
<input type="hidden" name="buyer_credit_product_category" value="">
<input type="hidden" name="buyer_credit_shipping_method" value="">
<input type="hidden" name="buyer_credit_user_address_change" value="">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="return" value="http://www.outdoorphotographycanada.com/storethankyou.html">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="CAD">
<input type="hidden" name="lc" value="CA">
<input type="hidden" name="bn" value="PP-ShopCartBF">

Thank you in advance for any assistance you can provide.

Dave.

Hello,
I'm having a problem with a form-style shopping cart button where some unwanted space appears to show up in IE, Safari, and Chrome. It doesn't show up in Firefox however. We're using a Paypal shopping cart system and I used the code they gave me. Any help would be appreciated. Thanks!

Website address: http://sunglasseslounge.com/

code problem area:
<td align="right" background="images/middlebar.gif">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----
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
ztcERVPE7TG7Iycw==-----END PKCS7-----">
<input type="image" src="images/cart.gif" border="0" width="75" height="30" name="submit" alt="">
</form>
</td>

I have a paypal shopping cart here. However the first add to shopping cart button under the text Sparky and the Magic Garden, does not work. I've isolated the problem to this: There is no form tag around this button where as in the other buttons the form tag is there. I spotted this by looking at it in firebug. However the strange thing is is that when I look at the code in the view source then the first button is surrounded by a form tag. as in all the other buttons. This site needs to go live this Monday so if anyone could offer some advice I would be extremely grateful.

now many more people prefer to do shopping on-line. but some one dont know how to do it .i will make an example to introduce a convenient way for shopping. for example,i usually do some shopping in www.ant-shopping.com .first,you should become the member of the website,it will be free. second,you can put something you need in your shopping cart. third,you will choose something you want to make the payment by paypal. it is safe and convenient for us. i think you will love shopping on-line soon.

Hi

Just wondering what the best design practice is when it comes to adding a shopping cart to your website?

Should you find shopping cart software, and build the site around it, or is it possible to integrate a cart into an existing site?

The site I'm working on is mainly to provide info to clients, but will also have a small line of products for sale.

Also, are there any carts that allow you, once a user has logged in, to only see certain products?

Cheers

Shaun

Hi

Normally, when you have more than one table in your code, the tables will be placed one under each other.

Example:
<table>
...
</table>
<table>
...
</table>

When you want the tables to be placed next to each other, you need to set the align attribute.

Example:
<table align="left">
...
</table>
<table align="left">
...
</table>

BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables".

Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag?

Thanks for your help
praiser

I am searching for freeware PHP shopping carts uses div XHTML 1.0 strict. Unfortunately i found only Quick.Cart:
http://opensolution.org/?p=Quick.Cart
I found more like Zen-Cart, CubeCart but this carts use XHTML 1.0 transitional and use to much table's. Please help and give some shopping carts whit XHTML 1.0, 1.1 but without tables as a basic construct.

Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code.

How I want it to look:


How it looks now:


I want the tables to line up at the top and re-size according to each other so they're always aligned at the top.

Code: coming in next 2 posts

Hi all,

Okay here's what I want...I have an online store and I'd like to add some type of shopping cart on it..but the only issue is, I don't want there to be any "pay online" option..everything much run through the physical store...I can't find any free shopping carts which do this. Is there any way to set up a form on the "order" page and be able to check box what you'd like on other pages and have it sent to the order form when you click a button??

hope that makes sense
Thanks in advance!

with a software i created a webshop but the basket system goes to their own paysystem an i want to sent it to paypal.

I attached the original html form.

I found out that the function post_bsk does the job.

function post_bsk(pf){
if(core.active_servers.length==0&&!tf.isSafari){setTimeout('post_bsk(d.forms["'+pf.name+'"])',100);return;}
var cgis=core.active_servers;
if(!cgis||cgis.length==0)cgis=['www.globecharge.com/webshop/'];

pf.basket.value = tf.xml_basket;
pf.regions.value= tf.xml_regions;


pf.action='https://'+cgis[0]+'shoporder.cgi';


if(tf.isSafari)setTimeout('d.forms["'+pf.name+'"].submit()',500);
else pf.submit();

if(window.scrollTo)window.scrollTo(0,0);
var gwcontent=gl('Content'),gwlen=gwcontent.childNodes.length;
for(var n=0;n<gwlen;++n){
var el=gwcontent.childNodes[n];
if(el.id=='gwframe'||!el.style)continue;
el.style.display='none';
}
gl('gwframe').style.display='block';
if(tf.isSafari)gl('gwframe').style.opacity=1;// Safari 3.1.2 doesn't show text when opacity is lowered. AIT type of themes will be affected by this.
tf.mfh('WebSiteContent');
}

Can you help me please?
Thank you

Very new to HTML. I have a basic "Add To Cart" button created thru PayPal's website payments standard. I want to add a 20% discount cart wide for "New Customers Only" at checkout. I have checked add variables and added discount_amount_cart=20. Still doesn't work. I have read that PayPal will not allow discounts in their shopping carts because they are not the owner of said discount. True or False?? Is this possible to do thru PayPal w/out using a third party. If not, why do they give us an option to add advanced variables. Hopefully I'm on the right track here. All help is greatly appreciated!!! This is what I have so far. The original button was set up as a "Computer Setup" service costing $60 usd, small button, encrypted, no drop down or text menus.

Original code:

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="G7LXUWQLSJPBY">
<input type="image" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

What I have created so far. Still doesn't work.

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="G7LXUWQLSJPBY">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="discount_amount_cart">
<input type="hidden" name="item_name" value="New Customer Discount">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="discount_amount_cart" value="20">
<input type="image" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110401-1/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

Hello All,

So, I have a website with a floating cart and it loads fine and works almost flawlessly lol. However, when a person has a bunch of items in their cart, and they want to minimize it for the rest of their browsing experience, every time a new page loads, or a refresh happens, the floating cart un-minimizes and expands out fully again displaying all the items.

This can become very annoying during the shopping experience when you have a bunch of items loading and just taking up space in the browser. Therefore, I am wondering if their is some html or script that would save the minimizing in the floating cart, and carry it over to the next page, and the rest of the browsing on site?

Thank you for any suggestions/help. I am new to HTML and script writing, but I am eager to learn. Hopefully in the future, I won't be paying for little changes like this every time I need one.