I have been given the task of sorting out styling and functionality issues with a big upgrade from v2 to v4.
\nI am trying to add a 100% browser full width banner on the main calendar page which works great if I add it to the default-page template in my theme folder but the previous developers were using a version of TEC pro that had two template files for the main page (ecp-page-template.php) and the single events-page (ecp-single-template.php). They had custom banners for the single events and a main banner for the main calendar page (Whats On). I guess this must be something to do with conditional wrappers but I am fairly amateur when it comes to code so could do with some help please. If I add any of the banner code below to the single-event.php page it doesn’t stretch to the full browser width. It just sits within the wrapper. Again if I add the banner code to the photo.php or month.php the banners sit within the fixed width of the wrappers.<\/p>\n
CODE THAT WAS ORIGINALLY IN ecp-page-template.php
\n<?php
\n\/**
\n * Default Events Template
\n * This file is the basic wrapper template for all the views if ‘Default Events Template’
\n * is selected in Events -> Settings -> Template -> Events Template.
\n *
\n * Override this template in your own theme by creating a file at [your-theme]\/tribe-events\/default-template.php
\n *
\n * @package TribeEventsCalendar
\n *
\n *\/<\/p>\n
if ( ! defined( ‘ABSPATH’ ) ) {
\n\tdie( ‘-1’ );
\n}<\/p>\n
get_header();
\n?><\/p>\n
<section role=”main”><\/p>\n
\t<div class=”heading-panel-full bg-memberblue”>
\n\t\t<div class=”inner”>
\n\t\t\t<div class=”heading-panel-text”><\/p>\n
\t\t\t<\/div>
\n\t\t<\/div>
\n\t<\/div><?php \/\/.heading-panel-full ?><\/p>\n
<div id=”tribe-events-pg-template”>
\n\t<?php tribe_events_before_html(); ?>
\n\t<?php tribe_get_view(); ?>
\n\t<?php tribe_events_after_html(); ?>
\n<\/div> <!– #tribe-events-pg-template –>
\n<?php
\nget_footer();<\/p>\n
CODE FOR CUSTOM BANNERS THAT WAS IN ecp-single-template.php.<\/p>\n
<?php
\n\/**
\n* If ‘Default Events Template’ is selected in Settings -> The Events Calendar -> Theme Settings -> Events Template,
\n* then this file loads the page template for all for the individual
\n* event view. Generally, this setting should only be used if you want to manually
\n* specify all the shell HTML of your ECP pages in this template file. Use one of the other Theme
\n* Settings -> Events Template to automatically integrate views into your
\n* theme.
\n*
\n* You can customize this view by putting a replacement file of the same name (ecp-single-template.php) in the events\/ directory of your theme.
\n*\/<\/p>\n
\/\/ Don’t load directly
\nif ( !defined(‘ABSPATH’) ) { die(‘-1’); }
\n?>
\n<?php get_header(); ?>
\n<?php the_post(); global $post; ?><\/p>\n
<?php
\n\/\/Get Event Category to decide what colour banner to use
\n$terms = get_the_terms(get_the_ID(), TribeEvents::TAXONOMY);<\/p>\n
if ($terms) {
\n\tif (count($terms) > 0) {
\n\t\t$category = array_shift($terms);
\n\t\t$thisCat = $category->name;
\n\t}
\n\t\/\/echo ‘<\/p>\n
‘;
\n\tif( $thisCat == ‘Talks’ ){ $colorClass = ‘talk-event’; }
\n\telseif( $thisCat == ‘Visits’ ){ $colorClass = ‘visit-event’; }
\n\telseif( $thisCat == ‘Clubs & Societies’ ){ $colorClass = ‘club-event’; }
\n\telseif( $thisCat == ‘Exhibitions’ ){ $colorClass = ‘exhibit-event’; }
\n\telseif( $thisCat == ‘Special Events’ ){ $colorClass = ‘special-event’; }
\n\telseif( $thisCat == ‘Music Recitals’ ){ $colorClass = ‘musicrec-event’; }
\n\telse{ $colorClass = ‘libraryblue’; }
\n}else{
\n\t$colorClass = ‘libraryblue’;
\n}
\n?><\/p>\n
<section role=”main” id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
\n\t<div class=”heading-panel bg-<?php echo $colorClass; ?>”>
\n\t\t<div class=”inner”>
\n\t\t\t<div class=”heading-panel-text”><\/p>\n
\t\t\t<\/div>
\n\t\t<\/div>
\n\t\t<?php
\n\t\t\/\/if this banner has an image
\n\t\tif( get_field(‘banner_image’) ) {
\n\t\t?>
\n\t\t\t<div class=”overlay bg-<?php echo $colorClass; ?>-opaque”><\/div>
\n\t\t\t<?php
\n\t\t\t\t\/\/Get banner image as a full size for background
\n\t\t\t\t$attachment_id = get_field(‘banner_image’);
\n\t\t\t\t$size = “full”;
\n\t\t\t\t$image = wp_get_attachment_image_src( $attachment_id, $size );
\n\t\t\t?>
\n\t\t\t<div class=”heading-bg-img” style=”background-image: url(‘<?php echo $image[0] ; ?>’)”><\/div>
\n\t\t<?php } ?>
\n\t<\/div><\/p>\n
\t<div class=”wrapper”>
\n\t\t<?php include(tribe_get_current_template()); ?>
\n\t<\/div><?php \/\/.wrapper ?><\/p>\n
<\/section>
\n<?php get_footer(); ?><\/p>\n","protected":false},"template":"","class_list":["post-1097548","topic","type-topic","status-closed","hentry"],"yoast_head":"\n