Problem with Paypal button in the Carousel grider
-
Hi everybody,
I tried to insert a paypal button in the html of the carousel grider. The button is visible on the website but it doesn't work. It supposed to lead you to the paypal webpage to buy the product.
I tried to put outside laytheme and the button works.
So I wonder if we can put payment button on laytheme Carousel.
Can you help me with that ?
Tell me if you need the code to see what is the problem.
Thank you so much ! -
Yes please send me the paypal button code. I think you can just insert it here. So you are inserting the paypal button into a textelement of a carousel i guess.
-
hey maybe this helps:
http://laythemeforum.com:4567/topic/197/paypal-button-not-working-on-a-page/2
-
Thank you for your quick answer !
This is the code I insert :
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="T239NAF8AJQMG">
<table>
<tr><td><input type="hidden" name="on0" value="Buy Accattone #2 only (17€ + shipping) / Select zone:">Buy Accattone #2 only (17€ + shipping) <br /> Select zone:</td></tr><tr><td><select name="os0">
<option value="Belgium --">Belgium -- €22,00 EUR</option>
<option value="Europe, USA, Mediterranean Basin --">Europe, USA, Mediterranean Basin -- €30,00 EUR</option>
<option value="Rest of the world --">Rest of the world -- €38,00 EUR</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="https://www.paypalobjects.com/en_US/BE/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form> -
Ok I see the issue. In the markup there is
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
which is an image. In combination with the default style for images of lay theme this image which is a transparent gif gets stretched over the whole carousel slide making the content below (your paypal button) unclickable.Please enter this in "lay options" -> "custom html & css" -> "custom <head> content":
<style> .col form img{ width: auto; height: auto; } </style>
I'm going to include this fix into lay theme in an update
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it