Views: 1,490
Totally Zenned
when submit is clicked ajax add to cart adds item to cart.
Black Belt
Please provide more detail about what you are doing and what you are seeing
As what you have posted makes no sense by itself
Totally Zenned
go here: Press the request a sample tab and try and request a sample it just adds item to cart
http://floorz-n-more.com/index.php?main_page=product_info&cPath=1_526_527&products_id=3993
Totally Zenned
here is the code im using
<form action="mailto:jimmiesfloors######################" enctype="application/x-www-form-urlencoded" id="1" method="post" name="Wholesale Info." target="_blank">
<div style="color: rgb(51, 102, 153); font-family: Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">
<table cellpadding="0" cellspacing="0" class="bodyContainer" style="orphans: auto; widows: 1; width: 940px; color: rgb(79, 79, 79); font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">
<tbody>
<tr>
<td class="header" colspan="2" sectionid="header" style="border: none; margin: 0px; padding: 0px; line-height: normal; height: 30px;">
<div class="title" style="margin: 0px; padding: 0px; border: none; font-size: 20px; font-weight: bold; font-family: arial, sans-serif; color: rgb(26, 36, 46); overflow: auto; background: none;">
<h2 style="margin: 10px 0px 25px 10px; padding: 0px; font-size: 24px; color: rgb(79, 79, 79); background-image: none; background-color: transparent;">
<span style="font-size:26px;">FREE Samples</span></h2>
</div>
<div class="text" contentid="paragraph" style="margin: 0px; padding: 0px; border: none; font-size: 12px; font-family: arial, sans-serif; color: rgb(0, 0, 0); overflow: auto; background: none;">
<p style="margin: 0px; padding: 0px; color: inherit;">
<span style="margin: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: Arial, Helvetica, sans-serif; font-size: 22px;">Order up to <strong>3</strong><b style="margin: 0px; padding: 0px;"> FREE</b> Samples and get them<b style="margin: 0px; padding: 0px;"> Shipped </b>to you <b style="margin: 0px; padding: 0px;">FREE</b>, too!</span><span style="color: rgb(47, 47, 47); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18.6px;"> </span></p>
<p style="margin: 0px 0px 10px; padding: 0px; color: rgb(47, 47, 47); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18.6px;">
<span style="font-size:14px;">Making the right decision for your home and your family is the most important thing. Whether it's paint, fabric, or flooring you're looking at. It could be a daunting task looking at something small and trying to picture it on a large scale. You should also never look at just one sample. That's why Floorz -N- More will send you up to <strong>3</strong><strong style="margin: 0px; padding: 0px;"> FREE Samples</strong>, and because you want them soon, we'll even send them to you fast <strong style="margin: 0px; padding: 0px;">at no cost to you</strong>.</span></p>
<p style="margin: 0px 0px 10px; padding: 0px; color: rgb(47, 47, 47); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18.6px;">
<span style="font-size:14px;">You can order your <strong style="margin: 0px; padding: 0px;">free samples</strong> by filling out the form below or by calling us at <strong>727-233-2024</strong></span></p>
<ol style="margin: 0px; padding-right: 0px; padding-left: 0px; list-style: none; color: rgb(47, 47, 47); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18.6px;">
<li style="margin: 0px; padding: 0px; font-size: 18px;">
<b style="margin: 0px; padding: 0px;">USPS Delivery</b> with Tracking Number - <b style="margin: 0px; padding: 0px;">Up to 3 Samples</b> for <b style="margin: 0px; padding: 0px;">FREE! </b>Additional Samples: $2.00 Each.</li>
</ol>
</div>
</td>
</tr>
<tr>
<td class="header" colspan="2" sectionid="header" style="border: none; margin: 0px; padding: 0px; line-height: normal; height: 30px;">
</td>
</tr>
</tbody>
</table>
<table bgcolor="#FFFFFF" cellpadding="20" cellspacing="0" class="bodyContainer" style="orphans: auto; widows: 1; width: 940px; color: rgb(79, 79, 79); font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">
<tbody>
<tr>
<td class="body" sectionid="body" style="border: none; margin: 0px; padding: 20px; line-height: normal;" valign="top">
<div style="margin: 0px; padding: 0px; border: 0px;">
<div style="margin: 0px; padding: 0px; border: 0px;">
<div class="title" style="margin: 0px; padding: 0px; border: none; font-size: 20px; font-weight: bold; font-family: arial, sans-serif; color: rgb(26, 36, 46); overflow: auto; background: none;">
<div class="title" contentid="title" style="margin: 0px; padding: 0px; border: none; overflow: auto; background: none;">
<div style="margin: 0px; padding: 0px; border: 0px;">
<h2 style="margin: 0px; padding: 5px; font-size: 20px;">
<span style="color: rgb(0, 51, 255);">Sample Request</span></h2>
</div>
</div>
</div>
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<div style="margin: 0px; padding: 0px; border: 0px; height: 20px;">
<div style="margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); height: 10px;">
</div>
<div style="margin: 0px; padding: 0px; border: 0px; height: 10px;">
</div>
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<div class="text" style="margin: 0px; padding: 0px; border: none; font-size: 12px; font-family: arial, sans-serif; color: rgb(0, 0, 0); overflow: auto; background: none;">
<div class="text" contentid="paragraph" style="margin: 0px; padding: 0px; border: none; overflow: auto; background: none;">
<div style="margin: 0px; padding: 0px; border: 0px; overflow: auto;">
<div style="margin: 0px; padding: 0px; border: 0px; overflow: auto;">
<span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: rgb(153, 153, 153);">Please enter what samples you are interested in.</span></div>
<div style="margin: 0px; padding: 0px; border: 0px; overflow: auto;">
<span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: rgb(153, 153, 153);">Be sure to include the full product name.</span></div>
<div style="margin: 0px; padding: 0px; border: 0px; overflow: auto;">
</div>
</div>
</div>
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_custom_SampleName">Product Name *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_custom_SampleName" name="inf_custom_SampleName" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_custom_SampleName2">Product Name</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_custom_SampleName2" name="inf_custom_SampleName2" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_custom_SampleName3">Product Name</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_custom_SampleName3" name="inf_custom_SampleName3" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<div style="margin: 0px; padding: 0px; border: 0px; height: 15px; line-height: 15px;">
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_custom_ProjectSizeSquareFeet">Project Size (Square Feet) *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_custom_ProjectSizeSquareFeet" name="inf_custom_ProjectSizeSquareFeet" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<div style="margin: 0px; padding: 0px; border: 0px; height: 15px; line-height: 15px;">
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<div style="margin: 0px; padding: 0px; border: 0px; height: 10px; line-height: 10px;">
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<div class="authoring-image image-snippet" contentid="image" style="margin: 0px; padding: 0px; border: 0px;">
<div class="authoring-image image-snippet" contentid="image" style="margin: 0px; padding: 0px; border: 0px;">
<div class="imageSnippet-alignDiv" style="margin: 0px; padding: 0px; border: 0px;">
</div>
</div>
</div>
</div>
</td>
<td class="rightSidebar" sectionid="rightSidebar" style="border: none; margin: 0px; padding: 20px; width: 425px; line-height: normal;" valign="top">
<div style="margin: 0px; padding: 0px; border: 0px;">
<div style="margin: 0px; padding: 0px; border: 0px;">
<div class="title" style="margin: 0px; padding: 0px; border: none; font-size: 15px; font-weight: bold; font-family: arial, sans-serif; color: rgb(0, 0, 0); overflow: auto; background: none;">
<div class="title" contentid="title" style="margin: 0px; padding: 0px; border: none; overflow: auto; background: none;">
<div style="margin: 0px; padding: 0px; border: 0px;">
<h2 style="margin: 0px; padding: 5px; font-size: 20px;">
<span style="color: rgb(0, 51, 255);">Shipping Information</span></h2>
</div>
</div>
</div>
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<div style="margin: 0px; padding: 0px; border: 0px; height: 20px;">
<div style="margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); height: 10px;">
</div>
<div style="margin: 0px; padding: 0px; border: 0px; height: 10px;">
</div>
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<div class="text" style="margin: 0px; padding: 0px; border: none; font-size: 11px; font-family: arial, sans-serif; color: rgb(0, 0, 0); overflow: auto; background: none;">
<div class="text" contentid="paragraph" style="margin: 0px; padding: 0px; border: none; overflow: auto; background: none;">
<div style="margin: 0px; padding: 0px; border: 0px;">
<div style="margin: 0px; padding: 0px; border: 0px;">
<span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: rgb(153, 153, 153);">Please enter your information so we can expedite your sample.</span></div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: rgb(153, 153, 153);">Your sample will be processed within 1-3 business days.</span></div>
<div style="margin: 0px; padding: 0px; border: 0px;">
</div>
</div>
</div>
</div>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_field_FirstName">First Name *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_field_LastName">Last Name *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_field_LastName" name="inf_field_LastName" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_field_Email">Email *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_field_Phone1">Phone *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_field_Phone1" name="inf_field_Phone1" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_field_StreetAddress1">Address *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_field_StreetAddress1" name="inf_field_StreetAddress1" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_field_City">City *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_field_City" name="inf_field_City" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_field_State">State *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_field_State" name="inf_field_State" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
<label for="inf_field_PostalCode">Postal Code *</label></td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<input class="infusion-field-input-container" id="inf_field_PostalCode" name="inf_field_PostalCode" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 196px;" type="text" /></td>
</tr>
</tbody>
</table>
</div>
<div style="margin: 0px; padding: 0px; border: 0px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-label-container" style="margin: 0px; padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial; vertical-align: middle; color: rgb(0, 0, 0); width: 200px;">
</td>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 12px; width: 200px;">
<div style="margin: 0px; padding: 0px; border: 0px; color: rgb(79, 79, 79); font-size: 13px;">
<table class="infusion-field-container">
<tbody>
<tr>
<td class="infusion-field-input-container" style="margin: 0px; padding: 0px; width: 200px;">
<div style="margin: 0px; padding: 0px; border: 0px; color: rgb(79, 79, 79); font-size: 13px;">
<div class="infusion-submit" style="margin: 0px; padding: 0px; border: 0px; text-align: center;">
<input name="Submit" style="font-family: Verdana, Arial, sans-serif; font-size: 11px;" type="submit" value="Submit" />
<p>
</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</form>
<p>
</p>
Totally Zenned
i am trying to add this to 6000+ products, cant continue until i get this figured out
Totally Zenned
I think you are nesting your forms so that when you submit it is following the parent. Google it and see.
lruskauff
Totally Zenned
this doesnt work either
<form enctype="text/plain" method="get" action="mailto:[email protected]">
Your First Name: <input type="text" name="first_name"><br>
Your Last Name: <input type="text" name="last_name"><br>
Comments: <textarea rows="5" cols="30" name="comments"></textarea>
<input type="submit" value="Send">
</form>
Totally Zenned
But is it still inside the other form?
<form.......>
.
.
Just a guess. That's all I got.
Totally Zenned
yes, indeed the forms are nested...very obvious on a view source
also something else that stands out....you have a fair amount of third party content being pulled into that page from multiple flooring manufactures, and adameve...
That last one might wonder someday why there site is being used to feed content to your site....especially being what they sell over there...just sayin
Totally Zenned
wont except mailto forms on product page.
i am using a tab module, that why it looks nested, all info put on product page.
Totally Zenned
look at the view source, the html dictates the rules, and the forms are nested...not that they look nested, they are nested.....
Totally Zenned
below is the breakdown of the product info page, note the product description is inside the form. The tabbed addon sticks its stuff inside the products description, and is controlled by tags within the products description to determine what the tabs are.
<!--bof Form start-->
<!--bof Category Icon -->
<!--eof Category Icon -->
<!--bof Prev/Next top position -->
<!--eof Prev/Next top position-->
<!--bof Main Product Image -->
<!--eof Main Product Image-->
<!--bof Product Name-->
<!--eof Product Name-->
<!--bof Product Price block -->
<!--eof Product Price block -->
<!--bof free ship icon -->
<!--eof free ship icon -->
<!--bof Product description -->
<!--eof Product description -->
<!--bof Add to Cart Box -->
<!--eof Add to Cart Box-->
<!--bof Product details list -->
<!--eof Product details list -->
<!--bof Attributes Module -->
<!--eof Attributes Module -->
<!--bof Quantity Discounts table -->
<!--eof Quantity Discounts table -->
<!--bof Additional Product Images -->
<!--eof Additional Product Images -->
<!--bof Prev/Next bottom position -->
<!--eof Prev/Next bottom position -->
<!--bof Reviews button and count-->
<!--eof Reviews button and count -->
<!--bof Product date added/available-->
<!--eof Product date added/available -->
<!--bof Product URL -->
<!--eof Product URL -->
<!--bof also purchased products module-->
<!--eof also purchased products module-->
<!--bof Form close-->
<!--bof Form close-->
Totally Zenned
look at your view source, lines 1773-1777 and you will see your request a sample form (open and close correctly), now scroll down to line 1873 and you will see the closing form tag for the page...
So, to solve this problem you are going to have to rework the product info template and close the main form before the products description too un-nest them
Totally Zenned
barco57:
look at your view source, lines 1773-1777 and you will see your request a sample form (open and close correctly), now scroll down to line 1873 and you will see the closing form tag for the page...
So, to solve this problem you are going to have to rework the product info template and close the main form before the products description too un-nest them
Another possible problem, is he actually capturing the form data or just sending an email? I don't see where the data would be passed?
Totally Zenned
Its a mailto form and as put together should work. Its supposed too trigger the customers email client too send the email. The only issue is that it doesn't always work. He also needs to adjust the email address in the action to be his instead of the example email address. Though I suppose getting it too first trigger the email clinet successfully and not add the product to the cart would come first before making sure it was sending to the correct email address.
Tell staff why this post should be reviewed.