Boyinks4Adventure - The RV

This template handles the index and single-entry views for The RV in on the Boyinks4Adventure.com site.  The single entry-views feature the ability to have multiple photos and/or multiple videos, presented in a tabbed area with grammatically-correct labels.

 
Download the EE Code for Boyinks4Adventure - The RV

This template has a fair amount of things going on:

  • It uses Segment Variables and Conditionals to handle presenting both the index view and single-entry views.
  • To build the index view the template uses a couple of third-party plugins - Image Sizer from David Lumis and the Word Limit Plus. These plugins created abbreviated/smaller versions of the content for use on the index template.
  • The single-entry views may possible contain one or more photos, and/or one or more videos.  From an HTML perspective these are put into a tabbed area below the main content.  The template has logic in it to both create grammatically correct tabs (“Photo” vs. “Photos” based on the number of photos in the entry, for example), and set the active tab based on what content is present.
  • On the backend the photos and videos are stored in the entry using Matrix from Brandon Kelly.  Photos are uploaded using the nGen FIle Upload fieldtype for Matrix.
  • Videos are presented using the FLV Media Player from John Henry Donovan. The template logic chooses between a single-video player or a multi-video player based on the number of videos placed in the entry
  • The playlist for the multi-entry player is created by an XML template that’s also included in the zip file.

This template has a lot going on behind the scenes - but I’m quite pleased with what it does.  I get nice clean URL’s and the ability to have text, photos, and videos all in one entry with rendered page adapting itself well to what’s been stored in the content.

Category Navigation

<< Previous Entry   

Next Entry >>

 

Previous Comments

Picture of Bytesland

by Bytesland

Date: Friday, April 29th, 2011
Comment: #1

well, at first I thought this site launch is pure techie stuff, but then I visited it, saw all those pictures, read about your trips and realized that your idea is much deeper) wish you all the best in all your intentions! hope your activity will inspire many other people to live brightly, enjoy your life and share happy experience with others.

Picture of Boyink

by Boyink

Date: Friday, April 29th, 2011
Comment: #2

Heh - you found the technical implementation side of the site, posted here just for some examples of ExpressionEngine templates.

The content of the site is all about family/travel/getting out of the rat race - thanks for the comment!

Picture of Dr Software

by Dr Software

Date: Thursday, May 12th, 2011
Comment: #3

I wanted to wrap my mind around ee development, and saw that this site looked fairly comprehensive and straightforward in its explanations. Of course, the part of my brain that seeks interesting stories and adventure has somehow managed to find its way over to your family adventure trip. Needless to say, I’ve learned a lot more about the Boyink clan then I have about progressing in my ee knowledge today!
Btw, the picture of your truck sitting in a cloud on Skyline Drive in VA brought back a lot of memories. I’ve spent a lot of time in SNP, staring out at the “view”.

I’ll forgive myself for being sidetracked. To be honest, I’ve always wanted to go on a cross country road trip. Can’t say so much about learning the ins and outs of a PHP software development. Alas, work beckons. I suppose I have to afford that trip before I can take it.

Picture of Boyink

by Boyink

Date: Thursday, May 12th, 2011
Comment: #4

Or, afford the trip while you take it..;)

Thanks for the comments—we’d love to spend more time on the Skyline / Parkway someday.

Add Your Comment

Commenting is not available in this channel entry.

Unless otherwise stated all content is © Michael Boyink of Train-ee.com & Boyink Interactive. Please don't steal - I've got kids to feed...

dy>