# Cart/Checkout Event Page

## 1: Create event page

Go to Pages >> Add New Page

* Add shortcode to content of page: \[el\_cart]
* Choose "Elementor Full Width" template
* Choose Header/Footer verision

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FBdGjhK6HKujGdWZTKfO7%2FScreenshot%202025-11-04%20at%2014.53.23.png?alt=media&#x26;token=2b682f33-a584-4b38-a6a3-1b38ff264c8b" alt=""><figcaption></figcaption></figure>

* **If you used Elementor to create Cart page, please deactive cache for text editor element.**\
  Go to Advanced >> Cache Settings: choose "Inactive"

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FI9tduEMo8Q2rlW7TzTBX%2FScreen%20Shot%202024-08-23%20at%2008.37.54.png?alt=media&#x26;token=c42ddc7d-09f5-4e6f-9fb3-86698abfcb39" alt=""><figcaption></figcaption></figure>

&#x20;

## 2: Setting

Go to Events >> Settings >> General >> General tab >> choose "cart page" setting.

* You have to choose page has shortcode: \[el\_cart/]

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FNPtv5ZyZOhiwXX7nzt1Y%2FScreenshot%202025-11-04%20at%2015.43.20.png?alt=media&#x26;token=42bbf213-1438-4aee-9efd-1871269db2aa" alt=""><figcaption></figcaption></figure>

## 3: Event Cart Page at frontend

<div><figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FnT4QiMgY7jtHqnaPB5QP%2FScreenshot%202025-11-04%20at%2015.15.18.png?alt=media&#x26;token=356f47b0-76d0-4c97-9698-d1d736091d86" alt=""><figcaption><p>Event Detail page</p></figcaption></figure> <figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FMrR7Ovba8kN53Xc0TIbq%2Fcart.png?alt=media&#x26;token=6b3b7a2f-2cb7-4d1c-a037-b398f85ea391" alt=""><figcaption><p>Cart page</p></figcaption></figure></div>

## 4: Customize event cart page

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FxQykNsvV5gln6BmLXzam%2FGroup%20284.png?alt=media&#x26;token=de377a1c-7037-4318-a3b1-c4c20f0ab887" alt=""><figcaption></figcaption></figure>

### 1) Remove "remaining tickets" in Ticket Type section

Go to Events >> Settings >> Event >> Event Detail >> Show Remaining Ticket: No

<div><figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FNCxoJZnvuFi3rY7YlDFu%2FScreen%20Shot%202024-08-19%20at%2015.47.34.png?alt=media&#x26;token=3c90b518-3ecb-403b-a640-152baf9cb532" alt=""><figcaption></figcaption></figure> <figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2Fte1C3ydu5auXQpEhJYNu%2FScreenshot%202025-11-04%20at%2015.33.03.png?alt=media&#x26;token=745a9269-b40c-41ca-b141-8015df378aad" alt=""><figcaption></figcaption></figure></div>

### 2) Remove "receiver option"&#x20;

add bellow code to functions.php file in child theme

```
add_filter( 'el_show_multiple_ticket_checkout_form', '__return_false' );
```

### 3) Remove "Last Name" field

add bellow code to functions.php file in child theme

```
add_filter( 'el_show_last_name_checkout_form', '__return_false' );
```

### 4) Remove "Confirm Email" field

add bellow code to functions.php file in child theme

```
add_filter( 'el_checkout_show_email_confirm', '__return_false' );
```

### 5) Remove "Phone" field

add bellow code to functions.php file in child theme

```
add_filter( 'el_checkout_show_phone', '__return_false' );
```

#### 5.1) Require enter "Phone" field when submit form

add bellow code to functions.php file in child theme

```
add_filter( 'el_checkout_required_phone', function(){ return 'true'; } );
```

### 6) Remove "Address" field

add bellow code to functions.php file in child theme

```
add_filter( 'el_checkout_show_address', '__return_false' );
```

#### 6.1) Require enter "Address" field when submit form

add bellow code to functions.php file in child theme

```
add_filter( 'el_checkout_required_address', function(){ return 'true'; } );
```

### 7) Remove "Custom Checkout Fields"

Please add in "Custom Checkout fields". [Read here](https://ovatheme.gitbook.io/meup/admin-features/manage-booking#id-2-custom-checkout-field)

### 8) Payment Gateway

Go to Events >> Settings >> Cart & Checkout >> active payment gatway: Free, Offline, WooCommerce, Stripe, Paypal

Read more [here](https://ovatheme.gitbook.io/meup/main-features/admin-features/settings/checkout)

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FRRcLwLjjBTO9PhjCSOmj%2FScreenshot%202025-11-04%20at%2016.06.13.png?alt=media&#x26;token=75fc8c8e-71d9-47a7-804b-a156d5c08c18" alt=""><figcaption></figcaption></figure>

### 9) Term and Conditions

Go to Events >> Settings >> Cart & Checkout >> General

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2Fs9qCYuejZRnniKKPoXXJ%2FScreenshot%202025-11-04%20at%2016.07.57.png?alt=media&#x26;token=2778f54b-1588-47b0-ae6a-f8919f4e1681" alt=""><figcaption></figcaption></figure>

### 10) Extra Service

You can add extra service in event

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FvKQSAtNkdfSNJHKlJ5Hy%2FScreenshot%202025-11-04%20at%2016.09.58.png?alt=media&#x26;token=a72b83d1-c46f-4c1d-bb64-d055d1d8931d" alt=""><figcaption></figcaption></figure>

### 11) Tax

Go to Events >> Settings >> Tax & Profit >> Enable Tax and other setting&#x20;

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FrWL6o93hbhdb7A3ymBRH%2FScreenshot%202025-11-04%20at%2016.11.57.png?alt=media&#x26;token=63618a88-a016-4d4c-a4f0-7c6bb06b8a27" alt=""><figcaption></figcaption></figure>

* **Enable**: Allow to calculate tax in order
* **Tax percentage**: Enter value of tax. Some package may change tax in per event. The admin/vendor only can change tax per event in Vendor Interface (the backend doesn't support this.)
  * Vendor has permission change tax in [package](https://ovatheme.gitbook.io/meup/main-features/vendor-features/package)

    <figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2Fg2loIEgVjHmjNx95AwoV%2FScreenshot%202025-11-04%20at%2016.18.38.png?alt=media&#x26;token=6aefe2cb-ca6c-4721-9bb4-882c5e7ee29e" alt=""><figcaption></figcaption></figure>
  * Create event in vendor dashboard interface and insert tax:
    \*

    ```
    <figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FTWUV7bF3YOslnDYOabGn%2FScreenshot%202025-11-04%20at%2016.21.36.png?alt=media&#x26;token=800b1a2d-de85-4766-9a3b-e4ca6fb9515d" alt=""><figcaption></figcaption></figure>
    ```

    \*
* **Vendor's Profit included tax:**&#x20;
  * **Yes**: The Verdor will do tax payment procedures with the tax authority.&#x20;
  * **No**: Admin will do this

### 12) System fee

Go to Events >> Settings >> Tax & Profit >> change system fee with some settings:

Customers have to pay each booking(exclusive of tax). This fee will added for the owner site (admin).

<div><figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FC6rLO9njzIKhrEPTZ6aN%2FScreenshot%202025-11-04%20at%2016.27.23.png?alt=media&#x26;token=a9061eba-96fd-4c5d-bf40-b7bd5d032568" alt=""><figcaption></figcaption></figure> <figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FteJr2tPnsMdMX6XVZahg%2FScreenshot%202025-11-04%20at%2016.28.47.png?alt=media&#x26;token=911d9c2b-bbfb-4079-9762-afa6a3eec1ea" alt=""><figcaption></figcaption></figure></div>

### 13) Discount

You can setup it when create new event

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2Fs3cH7NI2CG4SMEzVXY5u%2FScreenshot%202025-11-04%20at%2016.30.26.png?alt=media&#x26;token=d0cea140-255d-4500-9b4d-29a7d0e62744" alt=""><figcaption></figcaption></figure>

### 14) Create an account during checkout

Go to Events >> Settings >> Cart & Checkout >> And config like here:

* Users have to login to checkout of events: No
* &#x20;Allow customers to create an account during checkout: Enable

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FuUkDvQaIATJftEpA8asu%2FScreenshot%202025-11-04%20at%2016.46.26.png?alt=media&#x26;token=bf46d251-aeb2-4afa-b635-26af6a75d2a7" alt=""><figcaption></figcaption></figure>

### 15) Require login before booking

Go to Events >> Settings >> Cart & Checkout >> and config Users have to login to checkout of events: Yes

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FnRlbQkH7kzjcVfQdgcn1%2FScreenshot%202025-11-04%20at%2016.47.58.png?alt=media&#x26;token=a9447f8e-096a-4400-90ce-f14f5ecd51d7" alt=""><figcaption></figcaption></figure>

<div><figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FOZcMoGoDC2409vT0hwS6%2FScreenshot%202025-11-04%20at%2016.34.33.png?alt=media&#x26;token=51f3fa50-6da2-45d1-8b70-ea035e70eb28" alt=""><figcaption><p>Click booking</p></figcaption></figure> <figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FQTNO9fLI408w7abrQ4jf%2FScreenshot%202025-11-04%20at%2016.36.32.png?alt=media&#x26;token=4068111f-f4c5-4306-94c4-6a7899350177" alt=""><figcaption><p>The system require login before booking</p></figcaption></figure></div>

### 16) Customize template in child theme

```
Copy file 
plugins/eventlist/templates/cart/cart.php
to
themes/meup-child/eventlist/cart/cart.php
```

In the cart.php file we call many different files, so you should copy the necessary file into the child theme to customize it.

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2F5JrqcrRgHglNYFJMXruq%2FScreenshot%202025-11-04%20at%2016.54.06.png?alt=media&#x26;token=c0001b39-fe1e-4e3f-a5d5-c26af2e5cb55" alt=""><figcaption></figcaption></figure>

* **Example**: If you only want to customize ticket type area, you can:

<pre><code><strong>Copy file 
</strong>plugins/eventlist/templates/cart/ticket_type.php
to
themes/meup-child/eventlist/cart/ticket_type.php
</code></pre>

## 5: Checkout page

In Cart Page when click "Submit" button, the system will display checkout page.

<div><figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FlnWdamgcVhomj03Vjzkw%2FScreenshot%202025-11-04%20at%2017.05.51.png?alt=media&#x26;token=4111f916-b40b-4871-9140-c66d2c0c9483" alt=""><figcaption></figcaption></figure> <figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2F3zAav8r9IvMo0j5Yl5sD%2FScreenshot%202025-11-04%20at%2017.10.06.png?alt=media&#x26;token=9232111d-149c-4475-92f0-0f1fb9d13da1" alt=""><figcaption><p>Checkout page in woocomemrce</p></figcaption></figure></div>

* You can change "time to complete the booking" in Events >> Settings >> Cart & Checkout  >> and config some settings:
  * **Holding Ticket:** Yes (Allows to hold the ticket until the payment is completed after a period of time) ⇒ Prevent customers from booking the same seat at the same time.
  * **Maximum time to complete payment:** Booking will be deleted if the payment completion time is over x seconds
  * **Check every x seconds:** The system runs in the background to check whether the ticket hold is still valid. If it is not, the system will remove that ticket hold so other customers can book that seat. You should enter value such as "Maximum time to complete payment:" setting.

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2Fj3HqDpMzCBmTxfMZUFYG%2FScreenshot%202025-11-04%20at%2017.17.35.png?alt=media&#x26;token=a525d80b-45e1-4cbd-928b-fe7b17bd9c5e" alt=""><figcaption></figcaption></figure>

## 6: Order Detail

After the payment is successful, the system will send an email to the customer and allow them to download the tickets and invoice.

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FroYuFDQQtEVvEb5124uy%2FScreenshot%202025-11-04%20at%2017.40.41.png?alt=media&#x26;token=9541b337-0c93-4eec-ac35-244a93437993" alt=""><figcaption></figcaption></figure>

### a) Invoice

You can download invoice in order detail or My Bookings

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FTXKQt7P8AcHrR0GLEd7s%2FScreenshot%202025-11-04%20at%2017.43.53.png?alt=media&#x26;token=d04aaaba-19d7-4fa9-9327-a17fcd3d4ea8" alt=""><figcaption><p>PDF Invoice</p></figcaption></figure>

* You can change some information in PDF Invoice file by go to Events >> Settings >> PDF Invoice >> PDF Template

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2F0jxRvMgmNf94PM6GWKSk%2FScreenshot%202025-11-04%20at%2017.56.32.png?alt=media&#x26;token=b5b780b6-d0d2-4f14-8523-1dcf1e39991a" alt=""><figcaption></figcaption></figure>

### b) PDF Ticket

* Customers can download all PDF tickets in one zip file, or download each file individually.

Go to Events >> Settings >> General >> General >> Allows downloading tickets as zip files

* Yes: Download zip file
* No: Download individually

<figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2F64frEp4PQcE1rkZlOBbp%2FScreenshot%202025-11-04%20at%2017.54.14.png?alt=media&#x26;token=69a7cdab-19a3-40da-b9f1-d5172c36bee9" alt=""><figcaption></figcaption></figure>

* **Customize PDF Template**

```
Copy file
Plugins/eventlist/templates/pdf/template.php
to
Themes/meup-child/eventlist/pdf/template.php
```

We are using mPDF to make ticket pdf, so you can read here to know about mPDF: <https://mpdf.github.io/>

![](https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1-bzGggknMKVWOqg5-%2F-MDK5jLP4s4_Edc6wDQM%2F-MDK7c_fnAED0MC0FPGJ%2FScreen%20Shot%202020-07-28%20at%206.15.18%20PM.jpg?alt=media\&token=3dfe3d95-2ebb-401b-a604-d6aae3311cfc)

* **Display** [**Custom Field Checkout** ](https://ovatheme.gitbook.io/meup/admin-features/manage-booking#id-2-custom-checkout-field)**in PDF Ticket**

You can add bellow code in template file:

```
<?php 
$data_checkout_field = get_post_meta( $ticket['ticket_id'], OVA_METABOX_EVENT.'data_checkout_field', true ); 

if( $data_checkout_field ){
	
	$data_checkout_field = json_decode( $data_checkout_field );
	foreach ($data_checkout_field as $key => $value) {
		echo '<br/>'.$key.': '.$value.'<br/>';
	}

}

?>
```

* **Display Phone of customer in pdf ticket:**

You can add bellow code in template file

```
$booking_id = get_post_meta( $ticket['ticket_id'], OVA_METABOX_EVENT.'booking_id', true ); 
$phone = get_post_meta( $booking_id, OVA_METABOX_EVENT.'phone', true ); 
echo '<br/>Phone:'.$phone;
```

* **Change font size**

Check language in site. example English, you can add bellow code to function.php in child theme

```
add_filter( 'el_pdf_font_size_en', function(){ return '14'; } );
```

* **Change font family**

Check language in site. example English, you can add bellow code to function.php in child theme

```
add_filter( 'el_pdf_font_en', function(){ return 'Sun-ExtA'; } );
```

* **Use New font**&#x20;

You can add your font to themes/meup-child/font/ folder then add bellow code to function.php file in child theme

```
add_filter( 'el_pdf_font_en', function(){ return 'Sun-ExtA'; } );
```

You can find some extra fonts here: <https://github.com/mpdf/mpdf/tree/development/ttfonts>

## 7: Order Mail&#x20;

After the payment is successful, the system will send an email to the customer. You can config content of email in Events >> Settings >> Mail >> New Order

<div><figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2FKcNBMWX7BWRN79cmww5W%2FScreenshot%202025-11-04%20at%2018.03.42.png?alt=media&#x26;token=07ea9ea1-c0a8-4768-8b1b-d7db78b1612d" alt=""><figcaption></figcaption></figure> <figure><img src="https://4016371164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M1-bzGggknMKVWOqg5-%2Fuploads%2F5atcl4GGBnwtX2tTcCvw%2FScreenshot%202025-11-04%20at%2018.05.13.png?alt=media&#x26;token=d948750f-0e1f-4ecb-aed0-13539d54bb2c" alt=""><figcaption></figcaption></figure></div>

#### Remove QR Code in mail when booking event succesfully

add bellow code to functions.php file in child theme

```
add_filter( 'el_filter_attach_qrcode_mail', '__return_false' );
```

#### Remove PDF ticket in mail when booking event succesfully (From version 1.2.1)

add bellow code to functions.php file in child theme

```
add_filter( 'el_filter_attach_pdf_mail', '__return_false' );
```

#### Remove QR Code & PDF ticket in mail when booking event succesfully

add bellow code to functions.php file in child theme

```
add_filter( 'el_booking_mail_attachments', function(){ return array(); } );
```

## 8: Booking failed

* Step 1: Logo per Ticket have use extension .PNG
* Step 2: Check content in mail template setting
* Step 3: Check in your server supports: **allow\_url\_fopen: true**\
  You can contact your server provider about this problem.
