CouchCMS • View topic - Sitemap Question

by nickburrett » Fri Feb 13, 2015 8:16 am
Code: Select all
<?php require_once( 'admin/cms.php' ); ?>
<cms:template title='Gallery' clonable='1' dynamic_folders='1' gallery='1'>
   <cms:editable name='gg_image' label='Image' desc='Upload your main image here' width='640' height='640' show_preview='1' preview_height='200' type='image' />
   <cms:editable name='gg_thumb' label='Image Thumbnail' desc='Thumbnail of the main image above' width='300' height='300' enforce_max='1' assoc_field='gg_image' show_preview='1' type='thumbnail' />
   <cms:editable name='my_thumb_2' label='Image Thumbnail 2' desc='Second thumbnail of the main image above' width='300' height='300' assoc_field='gg_image' show_preview='1' type='thumbnail' />
   <cms:editable name='my_desc' label='Description' height='60' type='textarea' />
</cms:template>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Photo Gallery | <cms:get_custom_field 'site_name' masterpage='globals.php' /></title>
<meta name="description" content="<cms:get_custom_field 'site_desc' masterpage='globals.php' />">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="<cms:show k_site_link />css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- INSERT CUSTOM STYLE HERE -->
<link href="<cms:show k_site_link />css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css" />
<link href="<cms:show k_site_link />css/flexslider.css" media="screen" rel="stylesheet" type="text/css" />
<link href="<cms:show k_site_link />css/style.css" media="screen" rel="stylesheet" type="text/css" />

<!-- Add jQuery library --> 
<script type="text/javascript" src="<cms:show k_site_link />fancybox/lib/jquery-1.10.1.min.js"></script> 

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<!-- Add mousewheel plugin (this is optional) --> 
<script type="text/javascript" src="<cms:show k_site_link />fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> 

<!-- Add fancyBox main JS and CSS files --> 
<script type="text/javascript" src="<cms:show k_site_link />fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="<cms:show k_site_link />fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="<cms:show k_site_link />fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
<script type="text/javascript" src="<cms:show k_site_link />fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> 

<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="<cms:show k_site_link />fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
<script type="text/javascript" src="<cms:show k_site_link />fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> 

<!-- Add Media helper (this is optional) --> 
<script type="text/javascript" src="<cms:show k_site_link />fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> 

<script type="text/javascript">
    $(document).ready(function() {
        $('.fancybox').fancybox();
    });
</script>

<style type="text/css">
.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; }
.gallery { text-align: center; }
.gallery img { margin: 0 3px 3px 0; padding: 4px; }
.gallery img:hover { padding: 1px; border: 3px solid #eee; }
</style>
<!-- -->

<style type="text/css">
/*
Paginator -
Source: http://www.strangerstudios.com/sandbox/pagination/diggstyle.php (strangerstudios.com)
*/
div.pagination {
   padding: 3px;
   margin: 3px;
}
div.pagination a {
   padding: 2px 5px 2px 5px;
   margin: 2px;
   border: 1px solid #666;
   zoom: 100%;
   text-decoration: none; /* no underline */
   color: #666;
}
div.pagination a:hover, div.pagination a:active {
   border: 1px solid #000;
   color: #000;
}
div.pagination span.page_current {
   padding: 2px 5px 2px 5px;
   margin: 2px;
   border: 1px solid #666;
* zoom: 100%;
   font-weight: bold;
   background-color: #666;
   color: #FFF;
}
div.pagination span.page_disabled {
   display: none;
}
* span.elipsis {
   zoom: 100%
}
</style>
</head>
<body>
<!-- INSERT HEADER CONTENT HERE -->
<div id="header">
   <div class="header-wrap clearfix">
      <div class="top"></div>
      <div class="logo-wrap clearfix">
         <div class="header-pattern">
            <div class="container">
               <div class="logo"><a href="<cms:show k_site_link />" alt="Cool Kids Party" title="Cool Kids Party"><img src="<cms:show k_site_link />images/logo.png" alt="Cool Kids Party Logo" title="Cool Kids Party Logo"></a></div>
               <div class="header-txt">
                  <div class="line1">Fun packed parties for kids</div>
                  <div class="line2">Stress free entertainment for grown ups</div>
                  <div class="line3"><img src="<cms:show k_site_link />images/tel.png" alt="Tel: 01278 393100" title="Tel: 01278 393100"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="nav-wrap clearfix">
      <div class="container">
         <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
         </div>
         <div id="nav" class="menu">
<!-- -->
<cms:nested_pages masterpage='index.php' extended_info='1' >
   <cms:if k_level_start >
      <cms:if k_level='0'>
          <ul>
      <cms:else />
          <ul class="dropdown-menu" role="menu">
      </cms:if>
   </cms:if>
   
   <cms:if k_element_start >
      <cms:if k_level='0'>
          <li class="dropdown">
      <cms:else />
          <li class="sm">
      </cms:if>
      <a href="<cms:show k_menu_link />" title="<cms:show k_menu_title />"><cms:show k_menu_title /></a>
   </cms:if>
   
   <cms:if k_element_end ></li></cms:if>
   <cms:if k_level_end ></ul></cms:if>
</cms:nested_pages>
<!-- INSERT HEADER CONTENT HERE -->
         </div>
      </div>
   </div>
</div>
<div id="slider">
   <div class="flexslider">
      <ul class="slides">
         <li><img src="<cms:get_custom_field 'slider_1' masterpage='globals.php' />"></li>
         <li><img src="<cms:get_custom_field 'slider_2' masterpage='globals.php' />"></li>
         <li><img src="<cms:get_custom_field 'slider_3' masterpage='globals.php' />"></li>
      </ul>
   </div>
</div>
<div id="content">
   <div id="main" class="clearfix">
      <div class="container content-wrap gradient">
         <div class="content-stars">
<!-- -->
<div id="gallery-wrapper">
   <div id="breadcrumbs">
      <h1><cms:breadcrumbs separator='' include_template='1'/></h1>
      <cms:if k_is_page>
         <h3><cms:show k_page_title /></h3>
      </cms:if>
   </div>
   <cms:if k_is_list >
      <cms:ignore> NOTE: A few points to note about the way folders are displayed - 
         
         1. We display only the immediate child folders of the current folder (root is also considered a folder). If the images in the current folder are numerous enough to need pagination, we take care to display the folders only on the first page.
         
         2. If the folder has an image associated with it (via the 'Manage folders' admin section), that image is used. If no image is associated, we pick up the first page contained within this folder and use its thumbnail. Finally if there are no child pages within, we use a default folder icon. </cms:ignore>
      <cms:set my_page="<cms:gpc 'pg' method='get' />" />
      <cms:if my_page lt '2' >
         <div class="gallery">
            <cms:folders childof=k_folder_name hierarchical='1' depth='1'>
               <cms:set my_folder_image="" />
               <cms:if k_folder_image>
                  <cms:set my_folder_image=k_folder_image />
                  <cms:else />
                  <cms:pages folder=k_folder_name include_subfolders='0' limit='1'>
                     <cms:set my_folder_image=my_thumb_2 scope='parent' />
                  </cms:pages>
               </cms:if>
               <cms:if my_folder_image=''>
                  <cms:set my_folder_image="<cms:show k_admin_link />theme/images/empty-folder.gif" />
               </cms:if>
               <a class="fancybox" href="<cms:show k_folder_link />" data-fancybox-group="gallery"><img alt="<cms:show k_folder_title />" src="<cms:show my_folder_image />"/> <span class="title">
                  <cms:show k_folder_title />
                  </span> <span class="count_images">
                  <cms:show k_folder_totalpagecount />
                  images</span> <span class="count_folders">
                  <cms:show k_folder_totalchildren />
                  folders</span></a>
            </cms:folders>
         </div>
      </cms:if>
      <div class="gallery">
         <cms:pages folder=k_folder_name include_subfolders='0' limit='18' paginate='1'>
            <a class="fancybox" href="<cms:show k_page_link />" data-fancybox-group="gallery" data-fancybox-href="<cms:show gg_image />"><img alt="<cms:show k_page_title />" src="<cms:show my_thumb_2 />"/></a>
            <cms:if k_paginated_bottom >
               <div style="clear:both">
                  <cms:paginator />
               </div>
            </cms:if>
         </cms:pages>
      </div>
      <cms:else />
      <div id="image_container"><img alt="<cms:show k_page_title />" src="<cms:show gg_image />"/></div>
   </cms:if>
</div>
<!-- INSERT FOOTER CONTENT HERE -->
         </div>
      </div>
   </div>
</div>

<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="<cms:show k_site_link />js/bootstrap.min.js"></script>

<script src="<cms:show k_site_link />js/jquery.flexslider-min.js"></script> 

<script>   
      $(window).load(function() {
        $('.flexslider').flexslider({
         animation: "slide",
         controlNav: false
        });
      });
</script>
<!-- -->


<!-- Live Chat System -->
<script type="text/javascript">
var __lc = {};
__lc.license = 5658541;

(function() {
   var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
   lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
})();
</script>
<!-- -->


</body>
</html>
<?php COUCH::invoke(); ?>
Sitemap Question

Re: Sitemap Question
