<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Code snippets - Documentation</title>
	<atom:link href="https://docs.myeventon.com/documentation/code-snippets/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.myeventon.com</link>
	<description>EventON Documentation</description>
	<lastBuildDate>Fri, 21 Feb 2025 16:09:10 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>CODE: To add additional healthcare guidelines</title>
		<link>https://docs.myeventon.com/documentations/how-to-add-additional-healthcare-guidelines/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-add-additional-healthcare-guidelines</link>
		
		<dc:creator><![CDATA[Ashan Perera]]></dc:creator>
		<pubDate>Thu, 24 Feb 2022 21:13:59 +0000</pubDate>
				<guid isPermaLink="false">https://docs.myeventon.com/?post_type=document&#038;p=27629</guid>

					<description><![CDATA[<p>NOTE: All the code below can be added into functions.php file in the theme or as a plugin. Add select option in event edit meta box Below pluggable code will add the yes/no check box field into the healthcare guidelines section in the event edit page. So for every event this can be selected easily [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/how-to-add-additional-healthcare-guidelines/">CODE: To add additional healthcare guidelines</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>NOTE: All the code below can be added into functions.php file in the theme or as a plugin.</p>



<h2 class="wp-block-heading">Add select option in event edit meta box</h2>



<p>Below pluggable code will add the yes/no check box field into the healthcare guidelines section in the event edit page. So for every event this can be selected easily on the go.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('evo_healthcaredata_eventedit','eventon_custom_function_1', 10,2);
function eventon_custom_function_1($array, $EVENT){
	$array[] = array(
		'type' =&gt; 'yesno_btn',
		'label' =&gt; __('Negative Test Required', 'eventon'),
		'id' =&gt; '_edata[_neg_test]',
		'value' =&gt; $EVENT-&gt;get_eprop(&quot;_neg_test&quot;),
	);
	return $array;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_healthcaredata_eventedit</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_custom_function_1</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">2</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">eventon_custom_function_1</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">EVENT</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">type</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">yesno_btn</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">label</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">__</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Negative Test Required</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">),</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">id</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">_edata[_neg_test]</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">value</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">EVENT</span><span style="color: #81A1C1">-&gt;</span><span style="color: #88C0D0">get_eprop</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">_neg_test</span><span style="color: #ECEFF4">&quot;</span><span style="color: #ECEFF4">),</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p>The above code will add the &#8220;Negative Test Required&#8221; yes/no field into the meta box as below.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="650" height="604" src="https://docs.myeventon.com/wp-content/uploads/2022/02/Screenshot-2025-01-24-at-00.34.19.jpg" alt="" class="wp-image-29111" srcset="https://docs.myeventon.com/wp-content/uploads/2022/02/Screenshot-2025-01-24-at-00.34.19.jpg 650w, https://docs.myeventon.com/wp-content/uploads/2022/02/Screenshot-2025-01-24-at-00.34.19-300x279.jpg 300w" sizes="(max-width: 650px) 100vw, 650px" /></figure>
</div>


<h2 class="wp-block-heading">To show this on the front</h2>



<p>The below code can be modified as you wish to show the healthcare information on the event frontend. In the below case, we are using &#8220;thermometer-half&#8221; as the icon symbol to go along with this. This can be customized using any of the other supported <strong>font awesome</strong> icons that comes pre-loaded with eventON.</p>



<p>The above code (if enabled within the event) will show the information on event frontend as below.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('evo_healthcaredata_frontend', 'eventon_custom_function_2', 10,2);
function eventon_custom_function_2($array, $EVENT){
	$array[&quot;_neg_test&quot;] = array('i','thermometer-half', evo_lang('Negative Test Required'));
	return $array;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_healthcaredata_frontend</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_custom_function_2</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">2</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">eventon_custom_function_2</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">EVENT</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">_neg_test</span><span style="color: #ECEFF4">&quot;</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">i</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">thermometer-half</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">evo_lang</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Negative Test Required</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">))</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p>&nbsp;</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="650" height="165" src="https://docs.myeventon.com/wp-content/uploads/2022/02/Screenshot-2025-01-24-at-00.36.02.jpg" alt="" class="wp-image-29112" srcset="https://docs.myeventon.com/wp-content/uploads/2022/02/Screenshot-2025-01-24-at-00.36.02.jpg 650w, https://docs.myeventon.com/wp-content/uploads/2022/02/Screenshot-2025-01-24-at-00.36.02-300x76.jpg 300w" sizes="(max-width: 650px) 100vw, 650px" /></figure>
</div>


<h2 class="wp-block-heading">Translate Front-end String</h2>



<p>With EventON version 4.0.7 you can use the below code the translate the custom healthcare guide item text via EventON Language values.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('evo_lang_values_healthcare_guidelines','eventon_custom_language');
function eventon_custom_language($array){
	$array[] = array('label'=&gt;'Negative Test Required','var'=&gt;1);
	return $array;	
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_lang_values_healthcare_guidelines</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_custom_language</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">eventon_custom_language</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">label</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Negative Test Required</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">var</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span><span style="color: #D8DEE9FF">	</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p></p><p>The post <a href="https://docs.myeventon.com/documentations/how-to-add-additional-healthcare-guidelines/">CODE: To add additional healthcare guidelines</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to add new social share icons</title>
		<link>https://docs.myeventon.com/documentations/how-to-add-new-social-share-icons/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-add-new-social-share-icons</link>
		
		<dc:creator><![CDATA[Ashan Perera]]></dc:creator>
		<pubDate>Tue, 09 Jul 2019 23:17:32 +0000</pubDate>
				<guid isPermaLink="false">http://docs.myeventon.com/?post_type=document&#038;p=27032</guid>

					<description><![CDATA[<p>NOTE: all the customization code can go in functions.php file in your theme or inside a plugin. Add the new social share icon to settings to be able to select. Note the ID we need to use a unique ID that will also be used in below to identify this social share option. Next create [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/how-to-add-new-social-share-icons/">How to add new social share icons</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>NOTE: all the customization code can go in functions.php file in your theme or inside a plugin.</p>



<p>Add the new social share icon to settings to be able to select.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('evo_single_sharable', 'settings',10,1);

function settings($array){
	$array[] = array('id'=&gt;'eventonsm_sn','type'=&gt;'yesno','name'=&gt;'Social Network');

	return $array;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_single_sharable</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">settings</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">settings</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">id</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventonsm_sn</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">type</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">yesno</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">name</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Social Network</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p>Note the ID we need to use a unique ID that will also be used in below to identify this social share option.</p>



<p>Next create the structure of the sharing HTML that need to go in the frontend of the website and connect it with the pluggable filter.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('evo_se_social_media',  'fe_media',10,1);

function fe_media($array){
	$array['SocialNetwork'] = array(
		'key'=&gt;'eventonsm_sn',
		'counter'=&gt;1,'favicon' =&gt; 'linkedin.png',
		'url' =&gt; '&lt;a class=&quot;li evo_ss&quot; href=&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=PERMALINK&amp;title=TITLE&amp;summary=SUMMARY&quot; target=&quot;_blank&quot; title=&quot;Share&quot;&gt;&lt;i class=&quot;fa fa-share&quot;&gt;&lt;/i&gt;&lt;/a&gt;',
	);

	return $array;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_se_social_media</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0">  </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">fe_media</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">fe_media</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">SocialNetwork</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">key</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventonsm_sn</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">counter</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">favicon</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">linkedin.png</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">url</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&lt;a class=&quot;li evo_ss&quot; href=&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=PERMALINK&amp;title=TITLE&amp;summary=SUMMARY&quot; target=&quot;_blank&quot; title=&quot;Share&quot;&gt;&lt;i class=&quot;fa fa-share&quot;&gt;&lt;/i&gt;&lt;/a&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p>Depending on the social media site you use the URL to share on the site may change. In the above example the sharer URL look like this (for linkedin)&nbsp;http://www.linkedin.com/shareArticle?mini=true&amp;url=PERMALINK&amp;title=TITLE&amp;summary=SUMMARY</p>



<p>Dynamic Parameters in the URL</p>



<p>PERMALINK &#8211; this will be replaced with event link</p>



<p>TITLE &#8211; this will be replaced with event title</p>



<p>SUMMARY &#8211; this will be replaced with an excerpt of the event details.</p>



<p>In our above example we are using the fontawesome icons&nbsp;&lt;i class=&#8221;fa fa-share&#8221;&gt;&lt;/i&gt; You can use font awesome icons guide to set up custom icons or use your own.</p><p>The post <a href="https://docs.myeventon.com/documentations/how-to-add-new-social-share-icons/">How to add new social share icons</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to customize the eventtop date format</title>
		<link>https://docs.myeventon.com/documentations/customize-eventtop-date-format/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=customize-eventtop-date-format</link>
		
		<dc:creator><![CDATA[Ashan Perera]]></dc:creator>
		<pubDate>Wed, 17 May 2017 17:43:02 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=23766</guid>

					<description><![CDATA[<p>UPDATE: previously used evo_eventtop_day_block is deprecated and no longer used. Code updated to EventON v4.1.2 Have you ever come across a situation where you need to change the date format on EventON eventTOP? Well, you are in luck, the below code snippet will guide you on how to customize&#160;your code to show the date in [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/customize-eventtop-date-format/">How to customize the eventtop date format</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="has-white-color has-text-color has-background" style="background-color:#ff7c2f">UPDATE: previously used <em>evo_eventtop_day_block</em> is deprecated and no longer used. Code updated to EventON v4.1.2</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Have you ever come across a situation where you need to change the date format on EventON eventTOP?</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="649" height="140" src="https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.19.54.jpg" alt="" class="wp-image-28819" srcset="https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.19.54.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.19.54-300x65.jpg 300w" sizes="(max-width: 649px) 100vw, 649px" /></figure>
</div>


<p>Well, you are in luck, the below code snippet will guide you on how to customize&nbsp;your code to show the date in any format you desire.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('evo_eventtop_dates','fnc_002', 10,3);
function fnc_002($array, $show_start_year, $object){
	$start = $object-&gt;start_date_data;
	$end = $object-&gt;end_date_data;

	return array(
		'start'=&gt;array(
			'year'=&gt; '',	
			'date'=&gt; $start['n'].'.'.$start['d'],
			'month'=&gt;  '',
			'time'=&gt;  '',
		),
		'end'=&gt;array(
			'year'=&gt; '',	
			'date'=&gt; '',
			'month'=&gt; '',
			'time'=&gt; '',
		)
	);
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_eventtop_dates</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">fnc_002</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">3</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">fnc_002</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">show_start_year</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">object</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">start</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">object</span><span style="color: #81A1C1">-&gt;</span><span style="color: #D8DEE9">start_date_data</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">end</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">object</span><span style="color: #81A1C1">-&gt;</span><span style="color: #D8DEE9">end_date_data</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">start</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #D8DEE9FF">			</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">year</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF">	</span></span>
<span class="line"><span style="color: #D8DEE9FF">			</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">date</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">start</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">n</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #81A1C1">.</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">.</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">.</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">start</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">d</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">],</span></span>
<span class="line"><span style="color: #D8DEE9FF">			</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">month</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF">  </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">			</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">time</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF">  </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">),</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">end</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #D8DEE9FF">			</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">year</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF">	</span></span>
<span class="line"><span style="color: #D8DEE9FF">			</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">date</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">			</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">month</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">			</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">time</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">)</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<h3 class="wp-block-heading">CODE Explained:</h3>



<p>We are hooking into &#8220;evo_eventtop_dates&#8221; filter and altering the &#8216;date&#8217; value of the data array to match to the format you want.</p>



<p>The $object that is also passed into this filter contains: start (array), color, day_name, html, show year, yearlong (boolean) as properties. These properties are arrays and strings.</p>



<p>Start property sends a huge array of various event start date items. These items are broken down into individual date items such as month, day, name etc. In the example above, we used &#8220;<strong>n&#8221;</strong>&nbsp;which represents the month as an integer and &#8220;<strong>j&#8221;</strong> which represents&nbsp;the date as an integer. You can refer to the date format string at&nbsp;http://php.net/manual/en/function.date.php for more information.</p>



<p>In this code you dont necessarily have to return the end array values, but I have added in there so you can see how to alter values for that part of the event date as well.</p>



<p>Just passing a new custom value for start &gt; date will show 5.31 and will use the the biggest font to show all the text in bigger font.</p>



<p>Using this information, allows you to easily customize the look of eventTop date format. The above example will look like the format below:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="649" height="145" src="https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.21.19.jpg" alt="" class="wp-image-28821" srcset="https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.21.19.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.21.19-300x67.jpg 300w" sizes="auto, (max-width: 649px) 100vw, 649px" /></figure>
</div><p>The post <a href="https://docs.myeventon.com/documentations/customize-eventtop-date-format/">How to customize the eventtop date format</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to show additional custom data in the eventCard</title>
		<link>https://docs.myeventon.com/documentations/show-additional-custom-data-eventcard/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=show-additional-custom-data-eventcard</link>
		
		<dc:creator><![CDATA[Artem Barkov]]></dc:creator>
		<pubDate>Thu, 04 May 2017 16:45:03 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=23609</guid>

					<description><![CDATA[<p>Step #1 Add the additional EventCard row, as a selectable option, into EventON settings. This is located under your EventCard Data section. Now you should see a new row&#160;labeled &#8220;Extra Box&#8221; as an option for selection in your EventON settings. Move this custom data row, &#8220;Extra Box&#8221;, anywhere you want within the EventCard so the [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/show-additional-custom-data-eventcard/">How to show additional custom data in the eventCard</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<h3 class="wp-block-heading">Step #1</h3>



<p>Add the additional EventCard row, as a selectable option, into EventON settings. This is located under your EventCard Data section.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter( 'eventon_eventcard_boxes','addfield_001' , 10, 1);
function addfield_001($array){
	$array['extra1']= array('evoextra1',__('Extra Box','eventon'));
	return $array;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_eventcard_boxes</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">addfield_001</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">addfield_001</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">extra1</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evoextra1</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0">__</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Extra Box</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">))</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p>Now you should see a new row&nbsp;labeled &#8220;Extra Box&#8221; as an option for selection in your EventON settings.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="649" height="636" src="https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.32.43.jpg" alt="" class="wp-image-28826" srcset="https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.32.43.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.32.43-300x294.jpg 300w" sizes="auto, (max-width: 649px) 100vw, 649px" /></figure>
</div>


<p>Move this custom data row, &#8220;Extra Box&#8221;, anywhere you want within the EventCard so the data fields are in the order that best suit your needs.</p>



<h3 class="wp-block-heading">Step #2</h3>



<p>Process data and show on the EventCard.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('eventon_eventcard_array', 'addfield_002', 10, 4);
add_filter('evo_eventcard_adds', 'addfield_003', 10, 1);
function addfield_002($array, $pmv, $eventid, $__repeatInterval){
	$array['extra1']=array(
		'event_id' =&gt;$eventid,
		'pmv'=&gt;$pmv,
		'__repeatInterval'=&gt;(!empty($__repeatInterval)? $__repeatInterval:0)
	);
	return $array;
}
function addfield_003($array){
	$array[] = 'extra1';
	return $array;
}
 
add_filter('eventon_eventCard_extra1', 'addfield_004', 10, 2);
function addfield_004($object, $helpers){
	$event_post_meta_values = $object-&gt;pmv;
 
	ob_start();
	echo &quot;&lt;div class='evorow evcal_evdata_row bordb evcal_evrow_sm&quot;.$helpers['end_row_class'].&quot;' data-event_id='&quot;.$object-&gt;event_id.&quot;'&gt;
		&lt;span class='evcal_evdata_icons'&gt;&lt;i class='fa fa-calendar-check-o'&gt;&lt;/i&gt;&lt;/span&gt;
		&lt;div class='evcal_evdata_cell'&gt;&quot;;
		echo &quot;&lt;h3 class='evo_h3'&gt;&quot;.__('Custom Title','eventon').&quot;&lt;/h3&gt;&quot;;
 
		// Any data for this section goes here	
		echo 'Data goes here';
 
		echo &quot;&lt;/div&gt;&quot;.$helpers['end'];
	echo &quot;&lt;/div&gt;&quot;;
					
	return ob_get_clean();
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_eventcard_array</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">addfield_002</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">4</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_eventcard_adds</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">addfield_003</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">addfield_002</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">pmv</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">eventid</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">__repeatInterval</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">extra1</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #81A1C1">=array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">event_id</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=&gt;$</span><span style="color: #D8DEE9">eventid</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">pmv</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;$</span><span style="color: #D8DEE9">pmv</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">__repeatInterval</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">!empty</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">__repeatInterval</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">?</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">__repeatInterval</span><span style="color: #81A1C1">:</span><span style="color: #B48EAD">0</span><span style="color: #ECEFF4">)</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">addfield_003</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">extra1</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #D8DEE9FF"> </span></span>
<span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_eventCard_extra1</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">addfield_004</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">2</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">addfield_004</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">object</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">helpers</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">event_post_meta_values</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">object</span><span style="color: #81A1C1">-&gt;</span><span style="color: #D8DEE9">pmv</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF"> </span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #88C0D0">ob_start</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">&lt;div class=&#39;evorow evcal_evdata_row bordb evcal_evrow_sm</span><span style="color: #ECEFF4">&quot;</span><span style="color: #81A1C1">.</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">helpers</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">end_row_class</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #81A1C1">.</span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">&#39; data-event_id=&#39;</span><span style="color: #ECEFF4">&quot;</span><span style="color: #81A1C1">.</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">object</span><span style="color: #81A1C1">-&gt;</span><span style="color: #D8DEE9">event_id</span><span style="color: #81A1C1">.</span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">&#39;&gt;</span></span>
<span class="line"><span style="color: #A3BE8C">		&lt;span class=&#39;evcal_evdata_icons&#39;&gt;&lt;i class=&#39;fa fa-calendar-check-o&#39;&gt;&lt;/i&gt;&lt;/span&gt;</span></span>
<span class="line"><span style="color: #A3BE8C">		&lt;div class=&#39;evcal_evdata_cell&#39;&gt;</span><span style="color: #ECEFF4">&quot;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #81A1C1">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">&lt;h3 class=&#39;evo_h3&#39;&gt;</span><span style="color: #ECEFF4">&quot;</span><span style="color: #81A1C1">.</span><span style="color: #88C0D0">__</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Custom Title</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">.</span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">&lt;/h3&gt;</span><span style="color: #ECEFF4">&quot;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF"> </span></span>
<span class="line"><span style="color: #ECEFF4">		</span><span style="color: #616E88">// Any data for this section goes here	</span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #81A1C1">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">Data goes here</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF"> </span></span>
<span class="line"><span style="color: #D8DEE9FF">		</span><span style="color: #81A1C1">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">&lt;/div&gt;</span><span style="color: #ECEFF4">&quot;</span><span style="color: #81A1C1">.</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">helpers</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">end</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">&lt;/div&gt;</span><span style="color: #ECEFF4">&quot;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">					</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">ob_get_clean</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p>Now you can process your code and show whatever information you want inside your EventCard. The results should look similar to this:</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="649" height="599" src="https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.35.52.jpg" alt="" class="wp-image-28828" srcset="https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.35.52.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2017/05/Screenshot-2024-12-30-at-21.35.52-300x277.jpg 300w" sizes="auto, (max-width: 649px) 100vw, 649px" /></figure>
</div><p>The post <a href="https://docs.myeventon.com/documentations/show-additional-custom-data-eventcard/">How to show additional custom data in the eventCard</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to increase event type category count</title>
		<link>https://docs.myeventon.com/documentations/increase-event-type-count/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=increase-event-type-count</link>
		
		<dc:creator><![CDATA[Ashan Perera]]></dc:creator>
		<pubDate>Fri, 11 Nov 2016 03:30:21 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=20675</guid>

					<description><![CDATA[<p>EventON comes with upto 5 event type categories enabled and can be expanded very easily to a desired number of additional event categories. However before you do that please read this to see if you actually need more categories. If you are actually needing more than 5 categories below code can help you do that. [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/increase-event-type-count/">How to increase event type category count</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>EventON comes with upto 5 event type categories enabled and can be expanded very easily to a desired number of additional event categories.</p>



<p>However before you do that please read this to see if you actually need more categories.</p>


<a href='http://www.myeventon.com/documentation/confused-event-type-categories/' class='btn btn_blue marb15'>Do i need more categories?</a>



<p>If you are actually needing more than 5 categories below code can help you do that.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('evo_event_type_count','this_ajdecount',10,1);
function this_ajdecount($count){
	return 7;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_event_type_count</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">this_ajdecount</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">this_ajdecount</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">count</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">7</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p>Placing the above code in <strong>functions.php</strong> file in your theme will allow you to increase the number of event type filters (Categories) to a desired number. (Above example will change it from 5 to 7)</p><p>The post <a href="https://docs.myeventon.com/documentations/increase-event-type-count/">How to increase event type category count</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to load EventON scripts to a page</title>
		<link>https://docs.myeventon.com/documentations/how-to-load-eventon-scripts-to-a-page/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-load-eventon-scripts-to-a-page</link>
		
		<dc:creator><![CDATA[Ashan Perera]]></dc:creator>
		<pubDate>Thu, 18 Feb 2016 15:53:41 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=16145</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="global $eventon;

$eventon-&gt;load_evo_scripts_styles();" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #81A1C1">global</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">eventon</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">eventon</span><span style="color: #81A1C1">-&gt;</span><span style="color: #88C0D0">load_evo_scripts_styles</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">;</span></span></code></pre></div><p>The post <a href="https://docs.myeventon.com/documentations/how-to-load-eventon-scripts-to-a-page/">How to load EventON scripts to a page</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to hook into eventTop</title>
		<link>https://docs.myeventon.com/documentations/hook-eventtop/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=hook-eventtop</link>
		
		<dc:creator><![CDATA[Ashan Perera]]></dc:creator>
		<pubDate>Wed, 28 Jan 2015 16:54:24 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=9301</guid>

					<description><![CDATA[<p>Since the eventON version 2.2.23 we have added several hooks that you can use to add content to eventTop 2 locations.&#160;Let&#8217;s take a look at how to add some text in the eventTop.&#160;Add the below codes to function.php Explanation: This part will hook into the&#160;first available place in eventTop in the order of other eventTop [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/hook-eventtop/">How to hook into eventTop</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Since the <strong>eventON version 2.2.23</strong> we have added several hooks that you can use to add content to eventTop 2 locations.&nbsp;Let&#8217;s take a look at how to add some text in the eventTop.&nbsp;Add the below codes to <strong>function.php</strong></p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="// hook into event top correct place
add_filter('eventon_eventtop_one', 'eventon_insert', 10, 3);
function eventon_insert($array, $evvals, $passval){
	$array['custom'] = array('eventid'=&gt;$passval['eventid'], 'evvals'=&gt;$evvals);
	return $array;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">// hook into event top correct place</span></span>
<span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_eventtop_one</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_insert</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">3</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">eventon_insert</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">evvals</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">passval</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">custom</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventid</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;$</span><span style="color: #D8DEE9">passval</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventid</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">],</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evvals</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">=&gt;$</span><span style="color: #D8DEE9">evvals</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p><strong>Explanation:</strong></p>



<p>This part will hook into the&nbsp;first available place in eventTop in the order of other eventTop content. &#8212; Which is right under the eventTop categories and other information. You can also use&nbsp;<strong>eventon_eventtop_two</strong> hook which would add your content to the eventTop right after <strong>span.evcal_desc3</strong>, <em>(which would be under all the eventTop event data)</em>&nbsp;&#8212; but in this example our content will get added into the <strong>span.evcal_desc3</strong></p>



<p>Also the variables passed into above&nbsp;function&nbsp;are:</p>



<p>$array &#8211; array of other event top items added before this</p>



<p>$evvals &#8211; event post meta values as an array</p>



<p>$passval &#8211; this contain an array of (&#8216;eventid&#8217;, &#8216;ri&#8217;,&#8217;fields_&#8217;,&#8217;fields&#8217;) &#8211; event id, repeat interval of the current event, event top fields</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="// include in index as part of event top array
add_filter('evo_eventtop_adds', 'eventon_top_adds', 10, 1);
function eventon_top_adds($array){
	$array[] = 'custom';
	return $array;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">// include in index as part of event top array</span></span>
<span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_eventtop_adds</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_top_adds</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">eventon_top_adds</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">custom</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p><strong>Explanation:</strong></p>



<p>In this we include our element index as&nbsp;<strong>custom</strong>&nbsp;for the switch statement in <strong>eventon-eventTop.php</strong> &#8212; so the custom index would also run through in the switch statement.&nbsp;<em>(in includes/eventon-eventTop.php line 24)</em></p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="// throw html content for the switch statement for this index
add_filter('eventon_eventtop_custom', 'eventon_top_content', 10, 3);
function eventon_top_content($object, $helpers, $EVENT){

	$event_id = $object-&gt;eventid;
	// $event_id = $EVENT-&gt;ID -- event ID can also be get from this

	// $event_pmv = $object-&gt;evvals; // event post meta values

	// your HTML code goes in here.
	$output = '&lt;span data-eventid=&quot;'.$event_id.'&quot; class=&quot;custom_code&quot;&gt;Click to see more&lt;/span&gt;';
	return $output;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">// throw html content for the switch statement for this index</span></span>
<span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_eventtop_custom</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_top_content</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">3</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">eventon_top_content</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">object</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">helpers</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">EVENT</span><span style="color: #ECEFF4">){</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">event_id</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">object</span><span style="color: #81A1C1">-&gt;</span><span style="color: #D8DEE9">eventid</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">	</span><span style="color: #616E88">// $event_id = $EVENT-&gt;ID -- event ID can also be get from this</span></span>
<span class="line"></span>
<span class="line"><span style="color: #ECEFF4">	</span><span style="color: #616E88">// $event_pmv = $object-&gt;evvals; // event post meta values</span></span>
<span class="line"></span>
<span class="line"><span style="color: #ECEFF4">	</span><span style="color: #616E88">// your HTML code goes in here.</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&lt;span data-eventid=&quot;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">.</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">event_id</span><span style="color: #81A1C1">.</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">&quot; class=&quot;custom_code&quot;&gt;Click to see more&lt;/span&gt;</span><span style="color: #ECEFF4">&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">output</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p><strong>Explanation:</strong></p>



<p>This is where we output the HTML when switch statement <em>(mentioned above)</em>&nbsp;get to run on our <strong>custom</strong> index which would run the filter&nbsp;<strong>eventon_eventtop_custom()</strong>&nbsp;and that would run this function and&nbsp;output HTML content. One other thing to note here is,&nbsp;<strong>$event_id</strong> and&nbsp;<strong> $event_pmv</strong> (event post meta) are variables available for you to use in your HTML.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="// styles for the new addition
add_action('wp_head', 'eventon_additional_styles');
function eventon_additional_styles(){
	echo &quot;&lt;style type='text/css'&gt;
	body .eventon_list_event .evcal_desc .custom_code{
		background-color:#7DC1DF;
		padding:3px 8px;
		border-radius:5px;
		display:inline-block;
		font-size:12px;
		text-transform:uppercase;
		color:#fff;
	}
	&lt;/style&gt;&quot;;
}
" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">// styles for the new addition</span></span>
<span class="line"><span style="color: #88C0D0">add_action</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">wp_head</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_additional_styles</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">eventon_additional_styles</span><span style="color: #ECEFF4">(){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">echo</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">&lt;style type=&#39;text/css&#39;&gt;</span></span>
<span class="line"><span style="color: #A3BE8C">	body .eventon_list_event .evcal_desc .custom_code{</span></span>
<span class="line"><span style="color: #A3BE8C">		background-color:#7DC1DF;</span></span>
<span class="line"><span style="color: #A3BE8C">		padding:3px 8px;</span></span>
<span class="line"><span style="color: #A3BE8C">		border-radius:5px;</span></span>
<span class="line"><span style="color: #A3BE8C">		display:inline-block;</span></span>
<span class="line"><span style="color: #A3BE8C">		font-size:12px;</span></span>
<span class="line"><span style="color: #A3BE8C">		text-transform:uppercase;</span></span>
<span class="line"><span style="color: #A3BE8C">		color:#fff;</span></span>
<span class="line"><span style="color: #A3BE8C">	}</span></span>
<span class="line"><span style="color: #A3BE8C">	&lt;/style&gt;</span><span style="color: #ECEFF4">&quot;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line"></span></code></pre></div>



<p><strong>Explanation:</strong></p>



<p>In order to give the&nbsp;final touch we add some styles targeting the new content &#8212; &lt;span&gt; with class name&nbsp;<strong>custom_code</strong>.(in this example) In here we hook the styles to throw in the header of the webpage using&nbsp;<strong>wp_head</strong> but you can also use other ways to write these styles.</p>



<h3 class="wp-block-heading">Final Result</h3>



<figure class="wp-block-image"><img decoding="async" src="http://www.myeventon.com/wp-content/uploads/2015/01/Capture-1.png" alt="Capture" class="wp-image-17544"/></figure>



<p></p>



<p>The above code saved in your theme function.php will produce a final result like what you see above. This is just an example and you can do more with similar code.</p><p>The post <a href="https://docs.myeventon.com/documentations/hook-eventtop/">How to hook into eventTop</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to change &#8220;events&#8221; slug &#038; rewrites</title>
		<link>https://docs.myeventon.com/documentations/change-events-slug/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=change-events-slug</link>
		
		<dc:creator><![CDATA[Artem Barkov]]></dc:creator>
		<pubDate>Mon, 31 Mar 2014 15:00:45 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=3948</guid>

					<description><![CDATA[<p>Changing event slug can be achieved easily via eventon settings. Under the EventON Event Post Slug field write the slug text you want to appear instead of /events/ Changing this would result in a single event page URL like http://www.awesomesite.com/events/cool-event/ Further Customize&#160;Rewrites You can further customize the event permalink structure with the slug by tapping [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/change-events-slug/">How to change “events” slug & rewrites</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Changing event slug can be achieved easily via eventon settings.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="649" height="878" src="https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.12.14.jpg" alt="" class="wp-image-28634" srcset="https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.12.14.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.12.14-222x300.jpg 222w" sizes="auto, (max-width: 649px) 100vw, 649px" /></figure>
</div>


<p>Under the EventON Event Post Slug field write the slug text you want to appear instead of /events/ Changing this would result in a single event page URL like http://www.awesomesite.com/events/cool-event/</p>



<h3 class="wp-block-heading">Further Customize&nbsp;Rewrites</h3>



<p>You can further customize the event permalink structure with the slug by tapping into the pluggable filter like below. &#8212; This code should go in&nbsp;<strong>functions.php&nbsp;</strong> file in your theme.</p>



<p>More information on rewrite editing can be found in here: <a href="https://developer.wordpress.org/reference/functions/register_post_type/#rewrite" target="_blank" rel="noopener">https://developer.wordpress.org/reference/functions/register_post_type/#rewrite</a></p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('eventon_event_slug','my_function',10,1);
function my_function($array){
	$array['with_front'] = false; //Should the permalink structure be prepended with the front base
	$array['pages'] = true; //Should the permalink structure provide for pagination
	$array['feeds'] = true; //Should a feed permalink structure be built for this post type
	return $array;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_event_slug</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">my_function</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">my_function</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">with_front</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">false;</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">//Should the permalink structure be prepended with the front base</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">pages</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">true;</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">//Should the permalink structure provide for pagination</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">feeds</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">true;</span><span style="color: #D8DEE9FF"> </span><span style="color: #616E88">//Should a feed permalink structure be built for this post type</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">array</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p>Above example show several options you can pass into rewrite of slug in the event permalinks.</p>



<p>with_front &#8212; option allow you to either remove any front URL parameters added for other pages be removed from event permalink.</p><p>The post <a href="https://docs.myeventon.com/documentations/change-events-slug/">How to change “events” slug & rewrites</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
