{"id":1204641,"date":"2016-12-12T04:46:41","date_gmt":"2016-12-12T12:46:41","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/"},"modified":"2016-12-12T04:46:41","modified_gmt":"2016-12-12T12:46:41","slug":"customizing-the-event-view-in-the-events-calendar-pro","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/","title":{"rendered":"Customizing the Event View in The Events Calendar PRO"},"content":{"rendered":"

Hi guy’s,<\/p>\n

I’m currently working on a DIY website for a friend and I’m using The Events Calendar Pro and the The Events Tickets Plus extensions with Woocommerce to manage the sales on her website.
\nIt’s working just fine after a couple hours of settings modification. Top notch products you’re building thanks you ! \ud83d\ude42<\/p>\n

We want to customize the Event page structure by moving the code blocks but we don’t really know how to do that…<\/p>\n

I have found your Themer’s Guidebut I am not sure how to start… You can maybe give me some help ?<\/p>\n

This is the “traditional” structure from a random event page :<\/p>\n

– Title
\n– Picture
\n– Text area
\n– Google agenda + Google iCal buttons
\n– Details and organizer row
\n– Map row
\n– Woocommerce module<\/p>\n

And we want to make the woocommerce module move between the calendar buttons and the first row about details and organizer. Then if possible merge the two row to have only one with details, organizer and maps things.<\/p>\n

Do you need some screenshots maybe? \ud83d\ude42<\/p>\n

Jason<\/p>\n","protected":false},"template":"","class_list":["post-1204641","topic","type-topic","status-closed","hentry"],"yoast_head":"\nCustomizing the Event View in The Events Calendar PRO -<\/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\/customizing-the-event-view-in-the-events-calendar-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing the Event View in The Events Calendar PRO -\" \/>\n<meta property=\"og:description\" content=\"Hi guy’s, I’m currently working on a DIY website for a friend and I’m using The Events Calendar Pro and the The Events Tickets Plus extensions with Woocommerce to manage the sales on her website. It’s working just fine after a couple hours of settings modification. Top notch products you’re building thanks you ! \ud83d\ude42 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/\",\"name\":\"Customizing the Event View in The Events Calendar PRO -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2016-12-12T12:46:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/#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\":\"Customizing the Event View in The Events Calendar PRO\"}]},{\"@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":"Customizing the Event View in The Events Calendar PRO -","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\/customizing-the-event-view-in-the-events-calendar-pro\/","og_locale":"en_US","og_type":"article","og_title":"Customizing the Event View in The Events Calendar PRO -","og_description":"Hi guy’s, I’m currently working on a DIY website for a friend and I’m using The Events Calendar Pro and the The Events Tickets Plus extensions with Woocommerce to manage the sales on her website. It’s working just fine after a couple hours of settings modification. Top notch products you’re building thanks you ! \ud83d\ude42 […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/","name":"Customizing the Event View in The Events Calendar PRO -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2016-12-12T12:46:41+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customizing-the-event-view-in-the-events-calendar-pro\/#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":"Customizing the Event View in The Events Calendar PRO"}]},{"@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\/1204641","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":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1204641\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1204641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}