Support

August 26, 2013 at 4:21 am

Hi,

Which shortcode are you using? There are two similar ones, only one can be used on a page, the other needs to be in the event description.

https://eventespresso.com/wiki/shortcodes-template-variables/#add-to-cart

Regarding the gap, the theme has changed the output formatting. As such there are additonal break tags being added, and things like comments and hidden inputs are being wrapped in paragraph tags.

You can minimise this slightly by adding the following CSS, but really this is just a hack fix, you should look at the themes files to find the culprit and remove it (or speak to the theme developer regarding it).

#event_espresso_shopping_cart br {
display: none;
}

August 26, 2013 at 8:35 am

Hi Wassim,

Event 1 which is both the ‘Full Single’ and ‘Full Double’ packages adds to the cart with no problem. Its when selecting the other two events which cause it to fail.

Check to see what is different with those events. You could also try disabling the Volume discounts add-on and add the events to cart again and see if that’s causing the issue.

September 2, 2013 at 5:27 pm

Hi Wassim,

Under ‘Event Espresso -> Payment Settings’ which Gateways do you have active/configured?

September 3, 2013 at 2:52 am

Hi Wassim,

The empty boxes are caused by your theme modifying the content output. It is adding paragraph tags around hidden form inputs and often around break tags too.

You can try wrapping the main [ESPRESSO_EVENTS] shortcode in raw tags, e.g. [raw][ESPRESSO_EVENTS][/raw], though this may or may not work.

If not you would either need to contact the theme developer or check the functions.php (it’s often there but may be elsewhere) for code that is similar to this and remove/comment it out

Cheques and Invoices do not have an image by default, you could easily modify it with CSS to add an image in though.

The vertical alignment is probably due to the added paragraph tags mentioned above as normally they take up 100% width, so will force the next item below it. Once that has been resolved gateways should show horizontally.

September 3, 2013 at 4:51 am

Hi,

Well it looks like the raw has worked so thats excellent.

It is default for the online and offline options to be separated like that, and it is also correct that they go vertical when clicked. It is because the form is hidden below each button, so it pushes the other button down. If you had more than two buttons (offline gateways) you would see the others in a row still below the currently open gateway.

Regarding CSS, I would suggest something like this

#invoice-payment-option-dv {
background: url(http://www.thelebanontour.com/wp-content/plugins/event-espresso/gateways/pay-by-credit-card.png) no-repeat left center;
text-indent: -999px;
height: 94px;
}

#check-payment-option-dv {
background: url(http://www.thelebanontour.com/wp-content/plugins/event-espresso/gateways/pay-by-credit-card.png) no-repeat left center;
text-indent: -999px;
height: 94px;
}

obviously change the image URL and you may need to play about with the height figure, it depends on the size of your image.

• This reply was modified 10 years, 7 months ago by  Dean. Reason: code typo

September 3, 2013 at 5:41 am

Either the themes style.css or use a plugin such as My Custom CSS.

September 3, 2013 at 6:29 am

Sorry about that it was a typo, I edited the text afterwards, it should be check, not icheck

September 3, 2013 at 7:08 am

Hi Wassim,

Re-add the text-indent: -999px; that has been removed, only this time add another 9.

text-indent: -9999px;

That basically pushes the text way off the screen so it can not be seen. Might seems a little strange to do so but is a common technique used with CSS.