Event - detail

A detail page is used to display the information of a single activity (or course or training).

Configuration Options

Examples

To display the date, time, and location, you can include the following table in the code:

<table class="table table-striped">	
    <tbody>
        <tr> 
            <th>Date</th>
            <td>{event attribute=date id=[ID]}</td>
        </tr>
        <tr> 
            <th>Time</th>
            <td>{event attribute=fromtime id=[ID]} - {event attribute=tiltime id=[ID]}</td>
        </tr>
        <tr> 
            <th>Location</th>
            <td>{event attribute=custom03 id=[ID]}</td>
        </tr>
    </tbody>
</table>

If you want to display more information, for example regarding availability, you can expand the table with one or more of the following rows:

<table class="table table-striped">	
    <tbody>
        <tr> 
            <th>Number of seats</th>
            <td>{event attribute=amount id=[ID]}</td>
        </tr>
        <tr> 
            <th>Number of available seats</th>
            <td>{event attribute=free id=[ID]}</td>
        </tr>
        <tr>
            <th>Number of booked seats</th>
            <td>{event attribute=booked id=[ID]} of {event attribute=amount id=[ID]}</td>
        </tr>
        <tr>
            <th>Number of waitlist seats</th>
            <td>{event attribute=waiting id=[ID]}</td>
        </tr>
        <tr>
            <th>Number of available waitlist seats</th>
            <td>{event attribute=waitingfree id=[ID]}</td>
        </tr>
    </tbody>
</table>

If you also want to display the price, keep in mind that there is no specific activity price. The price used is the set price per participant. Since multiple participant types may be configured for an activity, you essentially add one table row per participant type. You can do this by adding the following code to your table:

<table class="table table-striped">
    <tbody>
        {event varname="eventPrices" attribute=prices id=[ID]}    			    
        {foreach from=$eventPrices item=price}
            <tr>
                <th>{$price.desc}</th>
                <td>{htmlinput type="currency" id="price" value="{$price.price}" currency="{$price.currency}" output="html"}</td>
            </tr>
        {/foreach}
    </tbody>
</table>