Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2014-08-12 03:52:38

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 744
Website

Yet an other CE4 site

I had a CE4 test site up and running for a while and finally decided this weekend to update my main site. I tried to reproduce the same look&feel I had with my CE3 based design. With the new features in CE4, less customization was needed. Vertical navigation, breadcrumbs and search are all part of the TTG plugins. Still, my phplugins file is bigger than before...

This is what I did:

  • Custom single page layout: Love the single page layout. Unfortunately, there is no phplugins support to customize the image view. So I 'hacked' the template to get my look and feel. An example is at http://danielleu.com/galleries/united_s … single.php. Now I really have to spend some time naming images and adding captions and keywords for optimal SEO support.

  • Custom mobile navigation: This replaces the standard navigation for mobile devices. It is really cool to be able to do this just with a bit of PHP and CSS.

  • I like a consistent look and feel so I added breadcrumbs to the non-publisher managed pages too.

  • search: Some galleries and blog posts had direct links my CE3 GallerySearch page. Now all these links are invalid. Instead of trying to locate the different locations where I did this and change them, there is a simpler fix: Duplicate /search/index.php and name the duplicate /search/search.php, but do NOT replace/rename /search/index.php! All your previous search query links will now continue to work.

I am certain that there are still a few things to fix, but I am happy how my site looks now. If you find something that doesn't work, please let me know! Thanks!

My site is at: http://danielleu.com


Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

#2 2014-08-12 04:03:35

lofty
Member
From: UK
Registered: 2012-09-26
Posts: 237
Website

Re: Yet an other CE4 site

Very Nice Daniel!

I really like the vertical nav and the space it seems to free up and it works well with the breadcrumbs. I'd like to see your images for a bit longer though, they're very good Daniel.

Offline

#3 2014-08-12 05:31:03

tomowensphoto
Member
From: Suffolk
Registered: 2012-11-21
Posts: 227
Website

Re: Yet an other CE4 site

Very good. I feel that maybe I should start over again now.


Regards,
TomO
Just a simple photographer
Live site at http://tomowens.openpoint.co.uk/

Offline

#4 2014-08-12 06:05:36

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,498
Website

Re: Yet an other CE4 site

Daniel makes us all feel that way wink


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#5 2014-08-12 21:57:02

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Yet an other CE4 site

Daniel,

Care to publish your code for breadcrumbs for non-publisher managed pages?

You have created an amazing site!

Offline

#6 2014-08-13 16:03:20

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 744
Website

Re: Yet an other CE4 site

Thank you all for your kind words and your feedback.

Dave: I just published how to create the breadcrumbs for CE4 Pages. Autoindex is not supported out of the box as this is very user specific. Here is the link http://danielleu.com/blog/2014/08/breadcrumbs-ce4/.


Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

#7 2014-08-14 04:15:13

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Yet an other CE4 site

Daniel,

Thanks for your code (again)!

I am having a few issues with it, however.

First, the function "breadcrumb" should actually be "breadcrumbs"

Once I fixed that, I ran into the following issue. Here is a clip of what the breadcrumbs look like on my test contact page:

breadcrumb.PNG

I noticed in the code that you refer to "class=crumb", but I don't see that class defined anywhere. Is that the problem?

My test site is: http://www.pfredd.com/ce4test

Thanks!

Last edited by Pfredd (2014-08-14 04:15:28)

Offline

#8 2014-08-14 04:59:26

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 744
Website

Re: Yet an other CE4 site

Thank you for your feedback, Dave. Some custom CSS is needed and I modified the php code a bit too. Please head over to my blog to get the latest versions.


Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

#9 2014-08-14 08:09:11

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Yet an other CE4 site

New code works great.

Thanks!

Offline

#10 2014-08-24 00:23:17

evan
Member
From: Chicago
Registered: 2013-10-06
Posts: 54
Website

Re: Yet an other CE4 site

Very nice.   Really like how well it breaks down in mobile.   Care to share how you did the mobile vertical navigation?  It looks so smooth it really allows for a nice transition to the nav panel.

Offline

Board footer

Powered by FluxBB