New Theme: Greypop

lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Thu, 2005-10-27 23:10

I am proud to introduce a new theme to G2. It is called greypop. The current version is 1.3.1. You can see it in action here. Any suggestions and comments are appreciated. You can download it here.

Changelog

Version 1.3.3
Changed lightbox so it can work alongside of jquery

Version 1.3.2
Fixed Lightbox from trying to display non photo items (IE LinkItems and Audio Files)

Version 1.3.1
Fixed the rework so you can have apostrophies in title

Version 1.3.0
Fixed a few PHP errors (generally only showed when debug mode was on)
Reworked lightbox so now you can use apostrophies in title. Now you can also pick what blocks you want in lightbox.

Version 1.2.2
Fixed logic that version 1.2.1 made to lightbox. Also lengthened some of the lines in the Theme Options in Site Admin.

Version 1.2.1
Added logic to the lightbox. Now if there is no resized picture available it will use the orginal instead.
Now when lightbox is active the theme options work properly.

Version 1.2.0
Upgraded the theme to work with Gallery 2.1
Added theme support for the ratings module. The default icons look bad with the default background of this theme.
Added an alternative way to view the photos called lightbox. It just fades the thumbnails out and pops the picture up.
Changed the config option to show which slideshow you want to use.

Version 1.1.1
Fixed bug that caused IE not to display the link and hover picture to the next/previous microthumbs.
Deleted a </ul> tag that caused IE to extend the height of the menu area.

Version 1.1
Fixed error message if you click the slideshow and didn't have the Slideshow Applet module active.
Fixed the error with turning MicroThumbs off.
Centered the EXIF table.
Changed color of some of the fonts to pure white instead of light grey.
Added option to create menus.
Added option to show slideshow applet and/or the slideshow module.
Added Album Actions box at the bottom for admins only.
Added option to remove the G2 graphics at the bottom of the page.
Added option to change the title tag of the title image.

Version 1.0
Inital Release

 
Tan121

Joined: 2005-11-03
Posts: 2
Posted: Thu, 2005-11-03 16:37

I can't find instructions how to install these themes.
Could somebody help me, please.

Tan

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Thu, 2005-11-03 16:51

unzip the file in your gallery2 directory.
you should have a themes/greypop directory afterwards; then visit site admin / Themes / All Themes to activate it.

 
peh

Joined: 2002-11-24
Posts: 15
Posted: Sat, 2005-11-05 14:50

It seems the be an invalid archive.... can someone upload a working copy of the file?

Regards,
Paul.

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Sat, 2005-11-05 17:50

Try downloading it with a browser other than IE.
http://gallery.menalto.com/node/39356

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sat, 2005-11-05 17:58

Or you can download it here.

 
nortk

Joined: 2005-11-08
Posts: 2
Posted: Tue, 2005-11-08 15:38

I like the look and feel of this theme. However, I am getting a crash if I try to view a slideshow when using this theme. Has anyone seen a similar problem?

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Tue, 2005-11-08 16:21

Do you have the slideshow applet active? If you do I have no idea what would be causing it. If not activate it and try. If it works then I need to figure out how to make that link disappear if they don't have that module active.

 
nortk

Joined: 2005-11-08
Posts: 2
Posted: Tue, 2005-11-08 22:36

The slideshow module is installed and activated. The slideshow works for other themes, but not with greypop. Here's a link to my gallery 2.0.1 site. Click the Slideshow link and you can see what the error is about:

http://www.krumpe.com/gallery2/v/halloween05/

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Tue, 2005-11-08 23:26

What about the slideshow applet module? The link is for the slideshow applet not the html slideshow.

Does anyone know what the if then statement would look like to tell if a module is active or not?

Thanks for bringing this to my attention.

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Wed, 2005-11-09 00:27

search for fetchPluginStatus in modules/core/classes/GalleryEmbed.class to see an example.

 
kenyob

Joined: 2005-10-27
Posts: 6
Posted: Thu, 2005-11-10 16:18

I activated the theme and de-activated the other themes but greypop is not taking effect.
What else do I need to do?

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Thu, 2005-11-10 16:28

Did you set greypop as your default theme under themes (default tab) in Site Admin?

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sat, 2005-11-26 03:52

I have just updated this theme.

 
geigertube

Joined: 2005-11-29
Posts: 3
Posted: Tue, 2005-11-29 03:11

Hi!

Is there any way to turn on full size image viewing, like with the default matrix theme? It seems to be turned off on this theme.

thanks!

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Tue, 2005-11-29 05:19

If you click on the sized image it pulls up the full size image and if you click on the full size image it goes back to the sized image. It's not a link like Matrix.

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Tue, 2005-11-29 05:22

** Version 1.1 has a bug that in IE the user can't click on the Microthumb to go to the previous and next pictures. I am working to get this working and will fix it ASAP. If you have a lot of people using IE with this theme I recommend turning Microthumbs off until I can fix it. Hopefully it won't be long.

 
Mozambique

Joined: 2005-11-29
Posts: 108
Posted: Tue, 2005-11-29 10:16

Fantastic! Already using the theme, but I miss "Next" and "Previous" pic.........guess you're working on it....
Is it possible to move title image to upper left corner? I don't want it centered, and cant't which file to edit.

Thanx

 
geigertube

Joined: 2005-11-29
Posts: 3
Posted: Tue, 2005-11-29 13:19

That doesnt seem to work on my set up... I just get a plain image in IE and firefox. :/

http://www.studiosputnik.com/gallery2

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Tue, 2005-11-29 15:43
geigertube wrote:
That doesnt seem to work on my set up... I just get a plain image in IE and firefox. :/

http://www.studiosputnik.com/gallery2

Try and use this updated photo.tpl file and see if it fixes it.

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Tue, 2005-11-29 15:57
Mozambique wrote:
Fantastic! Already using the theme, but I miss "Next" and "Previous" pic.........guess you're working on it....
Is it possible to move title image to upper left corner? I don't want it centered, and cant't which file to edit.

Thanx

Edit theme.css Line 619 that says

#gsHeader {
  text-align: center;
}

to this

#gsHeader {
  text-align: left;
}
 
geigertube

Joined: 2005-11-29
Posts: 3
Posted: Tue, 2005-11-29 23:40

That did it, thanks! :)

 
Mozambique

Joined: 2005-11-29
Posts: 108
Posted: Wed, 2005-11-30 14:07
lvthunder wrote:
** Version 1.1 has a bug that in IE the user can't click on the Microthumb to go to the previous and next pictures. I am working to get this working and will fix it ASAP. If you have a lot of people using IE with this theme I recommend turning Microthumbs off until I can fix it. Hopefully it won't be long.

I don't want the microthumbs, just "standard" First, Previous, Next and Last text-links like in Album page. With microthumbs turned off, I got nothing. How can I add the "standard" links?

Thanx

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Wed, 2005-11-30 15:39
Mozambique wrote:
lvthunder wrote:
** Version 1.1 has a bug that in IE the user can't click on the Microthumb to go to the previous and next pictures. I am working to get this working and will fix it ASAP. If you have a lot of people using IE with this theme I recommend turning Microthumbs off until I can fix it. Hopefully it won't be long.

I don't want the microthumbs, just "standard" First, Previous, Next and Last text-links like in Album page. With microthumbs turned off, I got nothing. How can I add the "standard" links?

Thanx

You need to add the following to themes/greypop/templates/photo.tpl

        {if !empty($theme.navigator)}
        <div class="gbBlock gcBackground2 gbNavigator">
          {g->block type="core.Navigator" navigator=$theme.navigator reverseOrder=true}
        </div>
        {/if}

See the photo.tpl file that comes with Matrix if you have any questions.

 
Mozambique

Joined: 2005-11-29
Posts: 108
Posted: Thu, 2005-12-01 22:13

Thank you, I'm getting to know the structure og G2 now. Fixed the Next/Prev links, and made some "non-theme" related changes to slideshow (centered foto, added space between menu and photo and changed default setting for slidehow)
As I'm using a different grey color to fit rest of my site, I will also have to modify the shadow frame...
Anyway, I've noticed, in IE the Navigation Menu got extra space between the horizontal lines. In Mozilla it does not. (see pics)

 
regriff

Joined: 2005-12-01
Posts: 5
Posted: Thu, 2005-12-01 23:49

Greetings all! I am a bit new to the whole theme thing so please bare with me. I've installed your Greypop theme (which rocks by the way) but I would like to add the Comments link under the photos in the album so that comments can be left. Is there a way to do this? Also, I would prefer that guests could post comments about pictures as well as members. Thanks again for your time and assistance!!

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Thu, 2005-12-01 23:49

It's funny you mentioned that because I just noticed the same thing earlier today. I'll have to look into why it's doing that. Man I wish IE had better standards support. Anyways I have just last night finished fixing the microthumbs so they work in IE. I just need to convert my png's to gif and I'll release it. I'll take a quick look and see if I can find the difference between my code and that of Matrix. If it's quick I'll fix it if not it will have to wait.

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Fri, 2005-12-02 00:22

I haven't messed with the comments module very much, but I can find the code you need tonight. I'm pretty sure that anyone can post comments.

 
regriff

Joined: 2005-12-01
Posts: 5
Posted: Fri, 2005-12-02 02:57

When I go to my gallery without being logged in, I see no way to leave a comment... there is not comment link beneath each photo. When I log in as a registered user (not admin) I also cannot post a comment, nor see a link to comments. I've attached a screenshot of what I see when logged in as a registered user... shouldn't I see a comment link under each photo?

 
regriff

Joined: 2005-12-01
Posts: 5
Posted: Fri, 2005-12-02 04:19

Ok, so I've been playing more with comments. I changed to the default theme and there was an "add comment" link on the left side. It appears that you can add comments to the gallery itself or individual pictures. When I changed back to your theme I was able to see the comments I posted but I was still unable to add a comment to a single photo. I've attached a photo of what it looks like. It does list that there is a comment on the single photo, and what I want is for the user to be able to click that comment and it take them to the comments, where they can add one. Is any of this possible?

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Fri, 2005-12-02 04:45

You have a couple options for this.

Under Site Admin -> Themes -> Greypop tab you can add Item Actions block to either show in the sidebar (which in the default configuration is blank so it doesn't show) or underneath the picture (it will look the same as if you login as admin).

The other option is I can give you some code to place anywhere you want that will give you a link to post a comment.

When designing this theme I was making it with only an option to use the slideshow. It really wasn't my vision to see any of the other stuff like the cart or imageblock. Tomorrow afternoon I'll post some code that will let you put the add comment where ever you want.

 
regriff

Joined: 2005-12-01
Posts: 5
Posted: Fri, 2005-12-02 05:35

Okay thanks! I do love your design, and of all the available themes it definitely best suits my needs. However, with the addition of comments it would allow my gallery to provide user interaction there by drawing more viewers. Thanks again for the lovely theme and a preamptive thank you for the work involved in providing me with additional code!

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sat, 2005-12-03 01:35

Here is the code if you want to add it to the theme. I would suggest putting it next to the links at the top. If that's where you want it add between line 60 and 61 in version 1.1.1 of theme.tpl. You must have the commenting module activated or else you will get an error if you click on the link. This doesn't include the code to check to make sure it is active like the slideshow code does. I'm still deciding if and where to add this in. I probibly will but not in the 1.1.1 release.

          <span class="block-core-SystemLink">
          <a href="{g->url arg1="view=comment.AddComment"
		   arg2="itemId=`$theme.item.id`"}"> {g->text text="Add Comment"} </a>
          </span>

Let me know if you have any problems.

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sat, 2005-12-03 01:43

I have finally been able to fix a couple bugs. You can download this release here.

Version 1.1.1
Fixed bug that caused IE not to display the link and hover picture to the next/previous microthumbs.
Deleted a </ul> tag that caused IE to extend the height of the menu area.

 
regriff

Joined: 2005-12-01
Posts: 5
Posted: Sun, 2005-12-04 04:49

Thanks for the code! I'd like to add it directly below each picture in the album in place of the "Comments: 1" I would like "Comments: 1" to be clickable leading you to the comments of that particular image, and also give you the ability to add a comment. Does that make sense? I'll begin playing with it in hopes I discover something.... Thanks again!

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sun, 2005-12-04 07:11

To do that I think you need to edit the files under modules/comments. None of the theme files have anything but a placeholder to where the actual comments go on the page.

 
Mozambique

Joined: 2005-11-29
Posts: 108
Posted: Sun, 2005-12-04 12:57

In my old Gallery 1.4.4 I had this code added to theme.css:

Quote:
scrollbar-face-color:#333333;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#3B3B46;

Could this be added to the greypop theme? Tried but didn't work............

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sun, 2005-12-04 19:30

Yeah that shouldn't be a problem. I know that the scrollbar stuff only works in IE and since I use Firefox I don't bother with it. You just have to find out which part of the css it goes in. I would guess it would be body but I'm not sure. If that's the case it would be

body {
scrollbar-face-color:#333333;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#3B3B46;
}
 
FrogDog
FrogDog's picture

Joined: 2005-10-10
Posts: 20
Posted: Sat, 2005-12-10 21:54

Hi - first off, this is a great theme! :)

A question, though - and I'm sure it's a silly one - how do I remove image.jpg from the top of the theme? I can't seem to figure out which tpl file to edit (and I want to make sure I only remove the proper code).

One more question - the previous and next thumbnails are appearing above and below the main image. Is there any way to format them to display to the left and right, instead?

Thanks!

 
FrogDog
FrogDog's picture

Joined: 2005-10-10
Posts: 20
Posted: Sat, 2005-12-10 22:42

Oops... one more issue. I notice on the demo site that the 'previous' and 'next' image appears over top of the thumbnail. On the site I'm working on, it's appearing next to the thumbnails. Any idea how to correct this? I'd put the link here, so that you can see what I mean, but the gallery has some nudity, and I'm not sure if it's appropriate to do so.

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sun, 2005-12-11 00:15

Edit the theme.tpl file to remove the image. You need to remove line 50 of that file. This is the code.

<img src="{g->theme url="images/title.jpg"}" width="500" height="100" alt="{$theme.params.site}"/>

You'll have to send me a link (either post it here with a big warning sign or PM it to me) for me to try and figure out the previous next issue.

Remember you might want to copy the files into a local folder within whatever folder you are changing so you can keep a copy of the original. It makes it easier to upgrade that way if you so desire.

 
FrogDog
FrogDog's picture

Joined: 2005-10-10
Posts: 20
Posted: Sun, 2005-12-11 03:04

Thanks, that edit worked perfectly.

The aforementioned link - warning, this link is NOT work safe, and it DOES contain nudity -

http://www.cuteandkinky.com/daniella/photogallery

Thanks again for the help. I really like this theme, and hope I can work all the bugs out!

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sun, 2005-12-11 06:37

A couple things to try. I'm not sure what's going to do it. It took me days to get it right with an image imageframe

Add a 3 pixel padding or margin to the #prev a em in theme.css (there are 4 right in a row to do that).

or try adding a 3px margin to #entire_image

If either of these don't work try adding it to the css that's in theme.tpl

Let me know if any of these work.

 
silverfox

Joined: 2004-10-08
Posts: 21
Posted: Tue, 2005-12-13 06:15

I really like this theme. Thanks for sharing it!

One small (relatively unimportant) bug noticed:

line 40 of templates/theme.tpl is:

Quote:
<div id="gallery" {g->mainDivAttributes}>

The id is already set in "mainDivAttributes", so it should be:

Quote:
<div {g->mainDivAttributes}>

 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Tue, 2005-12-13 16:01

(at some point we added id="gallery" into mainDivAttributes.. so the above code used to be correct)

 
jfoottit

Joined: 2005-12-15
Posts: 3
Posted: Thu, 2005-12-15 18:07

I love your theme, and am in the process of setting up our site to use it. When I view a single photo under IE though, I get no thumbs for the previous and next, I have to click back to the album, and select the next photo. Does this sound like something not set correctly, or??? I'm rather new to gallery, so any help is appreciated...

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Thu, 2005-12-15 18:37
jfoottit wrote:
I love your theme, and am in the process of setting up our site to use it. When I view a single photo under IE though, I get no thumbs for the previous and next, I have to click back to the album, and select the next photo. Does this sound like something not set correctly, or??? I'm rather new to gallery, so any help is appreciated...

Under Site Admin -> Themes -> Greypop tab do you have show micro navigation thumbnails checked.

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Thu, 2005-12-15 18:40
silverfox wrote:
I really like this theme. Thanks for sharing it!

One small (relatively unimportant) bug noticed:

line 40 of templates/theme.tpl is:

Quote:
<div id="gallery" {g->mainDivAttributes}>

The id is already set in "mainDivAttributes", so it should be:

Quote:
<div {g->mainDivAttributes}>

I've made this change and another small one like this so the theme will validate as XHTML. I'm going to try and add a feature this weekend so you can use the arrow keys for navigation so I'll release it with that.

 
jfoottit

Joined: 2005-12-15
Posts: 3
Posted: Thu, 2005-12-15 20:22

I got it now, it looks like it was a cache issue, and what I was seeing wasn't what everyone else was seeing...

 
jfoottit

Joined: 2005-12-15
Posts: 3
Posted: Fri, 2005-12-23 00:15
FrogDog wrote:
One more question - the previous and next thumbnails are appearing above and below the main image. Is there any way to format them to display to the left and right, instead?

Thanks!

Has anyone figured this out yet? I would like to do this in our application too, as it makes the images fit onscreen better, and requires less scrolling to view...

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Fri, 2005-12-23 00:28

The way they are in the theme if the picture is a portrait orientation they are on the sides but if they are landscape they go above and below. it's not hard to modify this if you want. Look at the if then statements that are close to the table tags in photo.tpl. Below is an example of what I mean.

A Portrait Example
A Landscape Example