{"id":1112298,"date":"2016-05-09T09:54:11","date_gmt":"2016-05-09T16:54:11","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/"},"modified":"2016-05-24T09:35:08","modified_gmt":"2016-05-24T16:35:08","slug":"creating-a-custom-field-for-list-view-thumbnail","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/","title":{"rendered":"Creating a custom field for list view thumbnail"},"content":{"rendered":"

Right now the thumbnail is generated from the event’s featured image… I’ve created event categories and a custom page template that displays a list all events in a specific category. We have several event series (Rhythm on the River, FountainSide, etc.) that we produce. My boss doesn’t like how the thumbnails crop on this page:<\/p>\n

http:\/\/www.sciotomile.com\/events-calendar\/rhythm-on-the-river\/<\/a><\/p>\n

She would like to separate the thumbnail from the featured image… How could I achieve that? Can I use the “Additional Fields” tab under settings and create a text field where I could just copy and paste the URL of a custom thumbnail graphic? If so, how would I achieve that? <\/p>\n

Here is the code for the Rhythm on the River page template:<\/p>\n

\n<?php\n\/**\n * Template Name: Rhythm on the River\n * Description: Rhythm on the River Series Page\n *\n * @package WordPress\n * @subpackage sciotomile2011\n * @since Scioto Mile 2011\n *\/\n\nget_header(); ?>\n\n\t\t<div id="sidemenu" class="primary-sidemenu-calendar">\n\t\t\t\t<?php if ( !function_exists('dynamic_sidebar')\n                \t|| !dynamic_sidebar('rhythm-on-the-river-logo') ) : ?>\n\t\t<?php endif; ?>\n\t\t\t\t<?php if ( !function_exists('dynamic_sidebar')\n                \t|| !dynamic_sidebar('rhythm-on-the-river-sidebar') ) : ?>\n                <?php endif; ?>\n        <div class="clear"><\/div>\n\t\t<\/div> <!-- #sidemenu -->\n\t\t\n\t\t<div id="primary" class="secondary-sidemenu-calendar">\n\t\t\t<div id="content" role="main">\n\t\t\t\t<div id="breadcrumbs">\n\t\t\t\t\t\n    \t\t\t\t\t<a href="http:\/\/www.sciotomile.com\/"><div id="breadcrumb_HomeBttn" title="Home"><\/div><\/a><img src="http:\/\/www.sciotomile.com\/wp-content\/themes\/sciotomile2011\/images\/breadcrumb_seperator.png" \/><?php menu_breadcrumbs('primary-menu'); ?>\n  \t\t\t\t\t\n\t\t\t\t<\/div> <!-- #breadcrumbs -->\n\t\t\t\t<div class="clear"><\/div>\n\t\n\t\t\t\t<?php the_post(); ?>\n\n\t\t\t\t<?php get_template_part( 'content', 'page' ); ?>\n                \n\n\t\t\t\t\n                <?php \n \n\t\t\t\t\t$args = array(\n\t\t\t\t\t  'post_status'=>'publish',\n\t\t\t\t\t  'post_type'=>array(TribeEvents::POSTTYPE),\n\t\t\t\t\t  'posts_per_page'=>10,\n\t\t\t\t\t  \/\/order by startdate from newest to oldest\n\t\t\t\t\t  'meta_key'=>'_EventStartDate',\n\t\t\t\t\t  'orderby'=>'_EventStartDate',\n\t\t\t\t\t  'order'=>'ASC',\n\t\t\t\t\t  \/\/required in 3.x\n\t\t\t\t\t  'eventDisplay'=>'custom',\n\t\t\t\t\t  \/\/query events by category\n\t\t\t\t\t  'tax_query' => array(\n\t\t\t\t\t\t  array(\n\t\t\t\t\t\t\t  'taxonomy' => 'tribe_events_cat',\n\t\t\t\t\t\t\t  'field' => 'slug',\n\t\t\t\t\t\t\t  'terms' => 'rhythm-on-the-river',\n\t\t\t\t\t\t\t  'operator' => 'IN'\n\t\t\t\t\t\t  ),\n\t\t\t\t\t  )\n\t\t\t\t\t);\n\t\t\t\t\t$get_posts = null;\n\t\t\t\t\t$get_posts = new WP_Query();\n\t\t\t\t\t \n\t\t\t\t\t$get_posts->query($args);\n\t\t\t\t\tif($get_posts->have_posts()) : while($get_posts->have_posts()) : $get_posts->the_post(); ?>\n\t\t\t\t\t\n\n                    <div class="event-series-list-container">\n\t\t\t\n\t\t\t\t\t\t<!--- Title---!>\n\t\t\t\t\t\t<div class="ROTR-series-list-title">\n                        \t<a>"><?php the_title(); ?><\/a>\n                        <\/div>\n\t\t\t\t\t\t<!--- Title---!>\n\n\t\t\t\t\t\t<!--- Thumbnail ---!>\n\t\t\t\t\t\t<?php if ( has_post_thumbnail() ) {\n                            echo '<div class="event-thumbnail-image">' . tribe_event_featured_image( null, 'thumbnail' ) . '<\/div>'; \n                        }\n                        else {\n                            echo '<div class="event-thumbnail-image"><img src="http:\/\/www.sciotomile.com\/wp-content\/themes\/sciotomile2011\/tribe-events\/Default_Events_Thumbnail.jpg" \/><\/div>'; \n\t\t\t\t\t\t\t}?>\n                        <!--- Thumbnail ---!>\n                          \n\t\t\t\t\t\t<div class="event-series-text">\n                            <div class="event-main-info">\n                                <?php if ( tribe_get_cost() ) : ?>\n                                                <span class="event-series-cost"><?php echo tribe_get_cost( null, true ); ?><\/span>\u00a0|\u00a0\n                                <?php endif; ?>\n                                            \n                                <?php echo tribe_events_event_schedule_details() ?>\n                                \n                                <!-- Venue Info -->\n                                \n                                <div class="venue-information"><?php echo tribe_get_venue_link(); ?>, <?php echo tribe_get_address(); ?>, <?php echo tribe_get_city(); ?>, <?php echo tribe_get_region(); ?> <?php echo tribe_get_zip(); ?><\/div>\n    \n                                <!-- Venue Info -->\n                            <\/div>   \n                            <div class="event-series-list-desc">\n\t\t\t\t<p><?php echo wp_trim_words( get_the_content(), 45 ); ?><\/p>\n\t\t\t    <\/div>\n                            <a>" class="tribe-events-read-more" rel="bookmark"><?php _e( 'Find out more', 'tribe-events-calendar' ) ?> \u00bb<\/a>\t\t\t\t\t \n                        <\/div>    \n                        <div class="clear"><\/div>\t\t\t\t\t\n                    <\/div>\n\t\t\t\t\t<div class="clear"><\/div>\n\t\t\t<?php\n                          endwhile;\n                          endif;\n                          wp_reset_query();\n                        ?>\n             \n\t\t\t<\/div><!-- #content -->\n\t\t<\/div><!-- #primary -->\n\t\t<div class="clear"><\/div>\n\n<?php get_footer(); ?>\n<\/code><\/pre>\n
Thanks!<\/p>\n","protected":false},"template":"","class_list":["post-1112298","topic","type-topic","status-closed","hentry"],"yoast_head":"\nCreating a custom field for list view thumbnail -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a custom field for list view thumbnail -\" \/>\n<meta property=\"og:description\" content=\"Right now the thumbnail is generated from the event’s featured image… I’ve created event categories and a custom page template that displays a list all events in a specific category. We have several event series (Rhythm on the River, FountainSide, etc.) that we produce. My boss doesn’t like how the thumbnails crop on this page: […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/\" \/>\n<meta property=\"article:modified_time\" content=\"2016-05-24T16:35:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/\",\"name\":\"Creating a custom field for list view thumbnail -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2016-05-09T16:54:11+00:00\",\"dateModified\":\"2016-05-24T16:35:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Creating a custom field for list view thumbnail\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a custom field for list view thumbnail -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/","og_locale":"en_US","og_type":"article","og_title":"Creating a custom field for list view thumbnail -","og_description":"Right now the thumbnail is generated from the event’s featured image… I’ve created event categories and a custom page template that displays a list all events in a specific category. We have several event series (Rhythm on the River, FountainSide, etc.) that we produce. My boss doesn’t like how the thumbnails crop on this page: […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/","article_modified_time":"2016-05-24T16:35:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/","name":"Creating a custom field for list view thumbnail -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2016-05-09T16:54:11+00:00","dateModified":"2016-05-24T16:35:08+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/creating-a-custom-field-for-list-view-thumbnail\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"Creating a custom field for list view thumbnail"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1112298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1112298\/revisions"}],"predecessor-version":[{"id":1112299,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1112298\/revisions\/1112299"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1112298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}