[Plugin: eShop] Large empty space above "Proceed to checkout" button

Resolved

(@rogerwheatley)

There is a very large (empty space) above the “Proceed to Checkout” button.

When I view the rendered page source code I see this:

<form method="post" class="eshop eshop-confirm" action="http://shop.domain.com/shopping-cart/checkout/?eshopaction=redirect">
<div>
<input type="hidden" name="business" value="[email protected]" /><br />
<input type="hidden" name="return" value="http://shop.domain.com/shopping-cart/thank-you/?eshopaction=success" /><br />
<input type="hidden" name="cancel_return" value="http://shop.domain.com/shopping-cart/cancelled-order/?eshopaction=cancel" /><br />
<input type="hidden" name="notify_url" value="http://shop.domain.com/shopping-cart/thank-you/?eshopaction=paypalipn" /><br />
<input type="hidden" name="shipping_1" value="" /><br />
<input type="hidden" name="first_name" value="Test" /><br />
<input type="hidden" name="last_name" value="User" /><br />
<input type="hidden" name="email" value="[email protected]" /><br />
<input type="hidden" name="eshop_payment" value="paypal" /><br />
<input type="hidden" name="item_name_1" value="QMS Internal Audit Checklist" /><br />
<input type="hidden" name="eshopident_1" value="ff091847aaf30a22c9bc7be0276b01b8" /><br />
<input type="hidden" name="quantity_1" value="1" /><br />
<input type="hidden" name="weight_1" value="0" /><br />
<input type="hidden" name="amount_1" value="70.00" /><br />
<input type="hidden" name="item_number_1" value="1147 : Download" /><br />
<input type="hidden" name="postid_1" value="65" /><br />
<input type="hidden" name="numberofproducts" value="1" /><br />
<input type="hidden" name="tax" value="7" /><br />
<input type="hidden" name="amount" value="70.00" /><br />
<input type="hidden" name="tax_1" value="7" /><br />
<input type="hidden" name="tax_rate_1" value="10" /><br />
<input type="hidden" name="submit" value="Proceed to Confirmation »" /><br />
<input type="hidden" name="rm" value="2" /><br />
<input type="hidden" name="currency_code" value="AUD" /><br />
<input type="hidden" name="lc" value="AU" /><br />
<input type="hidden" name="cmd" value="_ext-enter" /><br />
<input type="hidden" name="redirect_cmd" value="_cart" /><br />
<input type="hidden" name="upload" value="1" /><br />
<input type="hidden" name="no_shipping" value="1" /><br />
<label for="ppsubmit" class="finalize"><small><strong>Note:</strong> Submit to finalize order at PayPal.</small><br />
      <input class="button submit2" type="submit" id="ppsubmit" name="ppsubmit" value="Proceed to Checkout &raquo;" /></label></div>
</form>
<ul class="continue-proceed redirect eshopcp3">
<li class="editcheckout"><a href="http://shop.domain.com/shopping-cart/checkout/">&laquo; Edit Details or Continue Shopping</a></li>
</ul>
</div>

Which file can I edit to fix this?

I tried adding the CSS code:

form.eshop fieldset br {
display:none
}

but that did not fix this specific issue.

Any help is welcomed, thank you! 🙂

http://ww.wp.xz.cn/extend/plugins/eshop/

Viewing 6 replies - 1 through 6 (of 6 total)

Thread Starter NOT-IN-USE-DELETE
(@rogerwheatley)

13 years, 11 months ago

I should add, it’s all those
tags doing this – So just need to know which code to remove (so all the
tags are removed from rendered pages) – Thanks

Anonymous User
(@anonymized-3085)

13 years, 11 months ago

this isn’t an eShop issue – but we are seeing this increasingly.

try in a different theme(twenty eleven) & disable all plugins, which should always be your first port of call with any issue.

If that works, looks specifically for a call to jQuery, specifically any that don’t use the WordPress default version.

esmi
(@esmi)

13 years, 11 months ago

http://quirm.net/2012/05/31/perils-of-using-older-versions-of-jquery/

esmi
(@esmi)

13 years, 10 months ago

As there has not been an update to this topic, I can only assume that is has now been resolved and I am now marking it as such.
Cehrlichman
(@cehrlichman)

13 years, 10 months ago
@rogerwheatley – So I believe I’ve figured out where your problem lies. I believe the jquery (as above mentioned by esmi) could have something to do with the reason this issue is now coming up. I know the solution I came up with isn’t the best, but it seemed to work for what I was doing.

The problem lies within the payment module files (in my case PayPal – located: wp-content/plugins/eshop/paypal). I edited the eshop-paypal.class.php file and searched for “eshop eshop-confirm”. I came across line 132.

Line 132:
```
$echo= "<form method=\"post\" class=\"eshop eshop-confirm\" action=\"".$this->autoredirect."\"><div>\n";
```
I replaced it with:
```
$echo= "<form method=\"post\" class=\"eshop eshop-confirm\" action=\"".$this->autoredirect."\"><div style=\"display: none\">\n";
```
This got rid of that huge space on the confirmation page. Now it’s just a matter of making sure the “submi” button is styled nicely on the page. To do this look at line 143 – 145.

Line 143 – 145:
```
$echo.='<label for="ppsubmit" class="finalize" ><small>'.__('<strong>Note:</strong> Submit to finalize order at PayPal.','eshop').'</small><br />
      <input class="button submit2" type="submit" id="ppsubmit" name="ppsubmit" value="'.__('Proceed to Checkout »','eshop').'" /></label>';
	  $echo.="</div></form>\n";
```
I replaced it with:
```
$echo.='</div><label for="ppsubmit" class="finalize" style="float: right;padding-top: 62px;"><small>'.__('<strong>Note:</strong> Submit to finalize order at PayPal.','eshop').'</small>
      <input class="button submit2" type="submit" id="ppsubmit" name="ppsubmit" value="'.__('Proceed to Checkout »','eshop').'" /></label>';
	  $echo.="</form>\n";
```
I also wanted to style the “Edit Details or Continue Shopping” link as well. Just navigate to the eShop plugin file (wp-content/plugins/eshop/) and locate checkout.php. On line 1070 you will see where the continue shopping redirect is located.

Line 1070:
```
$echoit.='<ul class="continue-proceed redirect eshopcp3"><li class="editcheckout"><a href="'.get_permalink($eshopoptions['checkout']).'">'.__('« Edit Details or Continue Shopping','eshop').'</a></li></ul>';
```
I replaced it with:
```
$echoit.='<ul class="continue-proceed redirect eshopcp3" style="width: 224px;padding-top: 89px;"><li class="editcheckout"><a href="'.get_permalink($eshopoptions['checkout']).'">'.__('« Edit Details or Continue Shopping','eshop').'</a></li></ul>';
```
Now obviously depending on your theme and the layout of your page will ultimately determine the exact styling that works best (but I’m sure you will get it).
Anonymous User
(@anonymized-3085)

13 years, 10 months ago

please do not suggest editing the core files of a plugin – all changes will be lost on the next update.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘[Plugin: eShop] Large empty space above "Proceed to checkout" button’ is closed to new replies.