Forum for discussing general topics related to Couch.
2 posts Page 1 of 1
I'm still fairly new to Couch, so I'm having a bit of a crisis.

I'm sure it's straight forward but struggling to achieve what I want, maybe I'm too tired...

I've made a template for a gallery and I can see it will look great in the near future, however...

I'd like the gallery to resemble a portfolio, artwork images displayed in a section that would show the year they were made. I guess this needs to be a repeatable...

I found the gallery template has a folder manager but no idea how to begin to use it to display the text on the page once they're created. I also tried to bastardize the Portfolio file from the Aurelius files but just ended up with a complete mess and confused beyond belief.

Here is what I have so far and if anyone is feeling charitable I could really use some help :)

<?php require_once( 'myadmin/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="500"
show_preview='1'
preview_height='200'
type="image"
/>

<cms:editable
name="gg_thumb"
assoc_field="gg_image"
label="Image Thumbnail"
desc="Thumbnail of image above"
width='115'
height='115'
enforce_max='1'
type="thumbnail"
/>

</cms:template>
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title></title>

<!-- Bootstrap Core CSS -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="src/css/styles.css" rel="stylesheet">
<link href="src/css/simple-sidebar.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>
<body>
<div id="wrapper">

<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a href="#">
Visual Artist
</a>
</li>
<li>
<a class="active" href="index.php">Home</a>
</li>
<li>
<a href="#">C.V.</a>
</li>
<li>
<a href="">Portfolio</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->

<!-- Page Content -->
<div id="page-content-wrapper">
<cms:pages masterpage="gallery.php" include_subfolders='0' >
<a href="<cms:show gg_image />">
<img src="<cms:show gg_thumb />" title="<cms:show k_page_title />" />
</a>
</cms:pages>
</div>
</body>
</html>
<?php COUCH::invoke(); ?>

:| Please and thank you and once again thank you........please
Hi olesuper8,

To make things a little simpler to understand let us take the gallery='1' part out of the template's definition (retain the 'gg_image' and 'gg_thumb' editable regions, though).

Now we are left with a plain vanilla Couch template. To add an image you need to manually create a cloned page and stuff, like any other template.

So now everything that you find in the Aurelius tutorial applies equally well to your template.
Please give it one more try and let us know how you fare :)
2 posts Page 1 of 1