Question

I’m working on this test site, which is a WordPress website (using version 5.5) and using the Canvas WooTheme. The front page of it is supposed to display today’s calendar events, which are provided by the WordPress plugin, Events Manager.

What I would like for them to do is display, such as this events page (and the screenshot below – seen in this screenshot), does. Instead, the code below somehow has the rest of the template (including the sidebar) sucked into the table, continuing to duplicate table rows and columns into itself (as seen from this screenshot).

The code it shoots out into Firebug is the following:

<table cellspacing="0" cellpadding="0" id="current-events"><tbody><tr><td class="startdate_cost_td">
      <span class="start_time"><table cellspacing="0" cellpadding="0" id="current-events"><tbody><tr>
        <td class="startdate_cost_td">
                <span class="start_time">12:00 AM</span><br>
            <span class="cost">Free</span>
        </td>
        <td class="event_image"> <img src="../../../wp-includes/images/default_img.jpg"></td>
        <td class="event_title">Sex Addicts Anonymous meeting<br>
            <i><span class="location_name">@ No location listed</span></i>
            <div id="read_more_wrapper">
            <img src="../../../wp-includes/images/little_pink_arrow.jpg"><a class="pink_link" href="http://testbuzz.illinimedia.com/events/sex-addicts-anonymous-meeting-90">READ MORE</a></div></td></tr>



<!--12:00 AM</span><br/><span class='cost'>Free</span></td><td class='event_image'><img src='../../../wp-includes/images/default_img.jpg' /></td><td class='event_title'><a href="http://testbuzz.illinimedia.com/events/sex-addicts-anonymous-meeting-90" title="Sex Addicts Anonymous meeting">Sex Addicts Anonymous meeting</a><br/><i><span class='location_name'>@No location listed</span></i><br />Mind, body, &amp; spirit<div id='read_more_wrapper'><img src='../../../wp-includes/images/little_pink_arrow.jpg' /><a href='http://testbuzz.illinimedia.com/events/sex-addicts-anonymous-meeting-90' class='pink_link'>READ MORE</a></td></tr></div><tr><td class='startdate_cost_td'>
      <span  class='start_time'>-->
<tr>
        <td class="startdate_cost_td">
                <span class="start_time">8:30 AM</span><br>
            <span class="cost">Free</span>
        </td>
        <td class="event_image"><img alt="&quot;Inside India&quot; with Larry Kanfer" src="http://testbuzz.illinimedia.com/wp-content/uploads/locations-pics/event-35214.jpg"> </td>
        <td class="event_title">“Inside India” with Larry Kanfer<br>
            <i><span class="location_name">@ Alice Campbell Alumni Center</span></i>
            <div id="read_more_wrapper">
            <img src="../../../wp-includes/images/little_pink_arrow.jpg"><a class="pink_link" href="http://testbuzz.illinimedia.com/events/inside-india-with-larry-kanfer-31">READ MORE</a></div></td></tr>

      ......more events similar to this......

<div class="fix"></div>
                                <div class="nav-entries">
                <a href="http://testbuzz.illinimedia.com/page/2"><span class="nav-prev icon fl">Older posts</span></a>                                <div class="fix"></div>
            </div>

                <!-- /#main -->



<div id="sidebar">


    <div class="widget widget_woo_search" id="woo_search-3"><div class="search_main">
    <form action="http://testbuzz.illinimedia.com/" class="searchform" method="get">
        <input type="text" onblur="if (this.value == '') {this.value = 'Search...';}" onfocus="if (this.value == 'Search...') {this.value = '';}" value="Search..." name="s" class="field s">
        <input type="image" name="submit" class="submit" alt="Search" src="http://testbuzz.illinimedia.com/wp-content/themes/canvas/images/ico-search.png">
            </form>    
    <div class="fix"></div>
</div>
       .... the rest of the content stuck .....


</span></td></tr></tbody></table>

Below is the code I stuck into our magazine template within our child theme, template-magazine.php, which is causing the problem:

  <?php
                $page = ( !empty($_REQUEST['page']) && is_numeric($_REQUEST['page']) )? $_REQUEST['page'] : 1;
  $args = array( 
               'limit' => 10,
               'scope' => 'today',
               'pagination' => 1
               );

if (isset($_REQUEST['c'])) {
$args['category'] = $_REQUEST['c'];
$args['scope'] = 'future';
}              


$args['offset'] = $args['limit'] * ($page-1);

$events = em_get_events_array($args);
$size = sizeof($events)-1;


echo "<h2 id='headding'class='title'>Today's Events</h2>";
echo "<table cellpadding='0' cellspacing='0' id='current-events' >";

for ($i=0;$i<$size;$i++) {
echo "<tr><td class='startdate_cost_td'>
      <span  class='start_time'>" . $events[$i][0] . 
      "</span><br/><span class='cost'>" . $events[$i][7] . 
      "</span></td><td class='event_image'>";


              if ($events[$i][8] == '') {
            echo "<img src='../../../wp-includes/images/default_img.jpg' />";       
            }
            else {
            echo $events[$i][9];
            }

echo  "</td><td class='event_title'>" . $events[$i][10] .
      "<br/><i><span class='location_name'>@". $events[$i][11] . 
      "</span></i><br />" .$events[$i][12] . 
      "<div id='read_more_wrapper'>" .
      "<img src='../../../wp-includes/images/little_pink_arrow.jpg' /><a href='" . $events[$i][13] . "' class='pink_link'>READ MORE</a></td></tr>" . 
      "</div>";
      } 

echo "</table>";
$last_index = count($events) - 1;
echo $events[$last_index][0];
?>

I made sure the PHP code above was the cause of the main problems, by removing the code itself. That seems to do the trick! When I tried placing this code in different parts of the template-magazine.php file, it repeated the same results. When I also moved this to the functions.php file in our child theme, it simply made everything else go further down and expand to the whole width of the browser. How do I get rid of the looping in the code, having all of the side content being sucked into the table being created?

UPDATE: I commented out the above PHP code using HTML tags, duplicating the events and commenting out the table elements, which we would like to have show on the page. Below is the screenshot of what it looks like: https://docs.google.com/open?id=0B2UC67NQiW2yalhMSGxra0FFWGM and the code that’s showing up in the picture below (I didn’t want to paste in the code because it would’ve been very long:

Answer 1

It ended up being that it seemed to be reading in the Event Preview settings, which I created within the plugin. All I needed to do was simply create a for loop, reading in each of the events for that specific page, blocking out the rest of the PHP code above. The following is the code used to read in the events:

for ($i=0;$i<$size;$i++) {
    echo $events[$i][0];
}

Hopefully this helps someone using the Events Manager plugin.