Net Affinity

In this example below you will see how to do a Net Affinity with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by duarteleme, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright duarteleme ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Net Affinity</title>
  
  
  
  
  
</head>

<body>

  ===========================================  LISTINS =======================================================
pagename = subcomp_LISTINGS_calendar.htm



{if $page.subcomponents.SUBCOMP_LISTINGS_calendar->allRows|@count gt 0}

	{foreach from=$page.subcomponents.SUBCOMP_LISTINGS_calendar->allRows item=itemValue key=itemKey}
   {$itemValue.year}
   <img alt="Bam Margera" src="/cmsListings/{$itemValue.namefield.listing_id}/{$itemValue.namefield.resized_filename}">
	{/foreach}

{/if}	


<!-- {$page.sec.LISTINGS_calendar} -->
{$page.sec.SUBCOMP_LISTINGS_calendar}


============================= CREATE FIELD AUTOMATIC ==================================
{$page.sec.HIDDENTXT_title}

=============================== LIST ALL SUBPAGE =======================================
{php}Menu::create_page_sub(false);{/php}


============================= CREATE BACKGROUND  ==================================
{assign var=galleryId value=$page.sec.GALLERYIMAGEROW_background}

<div id="slides">
	<div class="slides-container">
		{foreach from=$page.subcomponents.SUBCOMP_GALLERYIMAGEROW_background->gallery.$galleryId item=itemValue}
			<img src="{cms_gallery_image image_data=$itemValue}" alt="">
		{/foreach}
	</div>
</div>

============================= CHECK TEMPLATE WITH IF  ==================================

{if $page.template eq 'DEFAULT'}
what happen here?
{/if}

============================= IF WITH HIDDENTEXT ========================================

{if $page.sec.HIDDENTXT_video != ''}
content here
{/if}

============================= CHECK IF EXIST SOMETHING IN THE FIELD ========================
{if $itemValue.price neq ""}
<div class="price">{$itemValue.price}</div>
{/if}

============================= CHECK THE NAME OF PAGE =======================================

{if $page.title eq 'Location'}

OPTION 01

{else}

{assign var=galleryId value=$page.sec.GALLERYIMAGEROW_background}

OPTION  02


{/if}


============================ PRINT YEAR CURRENT ===========================================
&copy; {php} echo date('Y'); {/php} 

============================ IF HAVE TEXT IN MAIN COLUMN ==================================
{if $page.sec.HTML_MAIIN != ''}

{/if}
  
  

</body>

</html>

Comments