About this topic

  • Posted by mercy-village 1 year ago. There are 10 posts. The latest reply is from byron.
  • This topic is not resolved
  1. Can anyone show me some of the custom layouts that have been created for PhotoSmash?

    Our site is set up right now so that if you click on our 'Galleries' page, it just shows a thumbnail with the name of the gallery above it. Then you have to click on the thumbnail to go to that individual gallery, and it's very plain looking. :(

    I would like to have a prettier layout on our main gallery page with larger thumbnails, a place for the title of the gallery and a description underneath, and some kind of a background color or image behind the thumbnails to 'contain' them.

    I'm doing a project for a non-profit orphanage in Haiti. It's a really important project, but I don't have time to figure out how to code in a custom layout for a photo gallery when I've got so many other paying projects calling my name right now. :(

    Any help would be very much appreciated!

    Sarah Peterson

  2. Hi Sarah,

    Custom Layouts are actually quite easy. They are just normal HTML and CSS with the PhotoSmash fields placed into that you want to show up.

    So, if you're comfortable with HTML and CSS, you can easily style your gallery however you'd like. To add the PhotoSmash fields, there is a list of the available fields on the right hand side of the Layout Editor, just enter them right into the HTML Layout box with the HTML that defines how you'd like it to look.

    Example:

    <div>
    [medium]
    <br/>
    [caption]
    </div>

    That would show the medium size image with the caption below it.

    Since you're using the Gallery Viewer, you can control which layout is used when a Gallery is displayed by adding this to your Shortcode:

    gallery_view_layout=’my_custom_layout’

    just enter you layout name.

    If you get stuck, let me know...You can contact me through the contact page.
    Cheers,
    Byron

  3. Hi Byron,

    I've worked on this a little bit more today and I think I'm *starting* to figure it out. A couple more questions... what code do I put in so that if they click on the thumbnail (which now I've changed to the medium sized image) it will take them to the gallery?

    Also, instead of it taking them to the 'grid' gallery with the thumbnails on them, can it just take people straight to the slideshow?

    Thanks!
    Sarah Peterson

  4. Hi Sarah,

    Glad it's coming together. Here's the code to link from the Gallery Viewer to a Gallery, using the Medium picture:

    <a href='[gallery_url]' title='Gallery: [image_gallery_name]'>
    		<img src='[medium_url]' />
    </a>

    On the slideshow...unfortunately, no, PhotoSmash doesn't do that yet. But it's on my list of things to do.

    Cheers,
    Byron

  5. Much better.

    I tried to make all the thumbnails for the medium sized images 400 x 300, but only the last one is showing up. Can I do this with each of the medium sized images for all the galleries?

    Also, do you know where I would go to increase the size of the font for the title of each of these galleries?

    Thanks so much!

    Sarah Peterson

  6. Hi Sarah,

    Can you describe what is happening a little more on the images that are not showing up? I'm not quite understanding. You can set all of your galleries up to use the same layout, but I'd need to understand how you're calling up your galleries and how you're telling them which layout to use.

    For the font-size, this depends on CSS classes that are being used on the titles. It's just a matter of figuring out which classes to affect with the CSS. This should work on the standard Gallery Viewer (if you're talking about the titles in the index of Galleries):

    .bwbps_galviewer_head a {
    font-size: 25px !important;
    }

    If you're talking about on the individual gallery pages, then try:

    .photosmash_gallery h3 {
    font-size: 35px !important;
    }

    Cheers,
    Byron

  7. The images are showing up just fine, I just want to be able to set the medium sized image on ALL of the galleries to 400 x 300. Is it possible to have that as a global setting?

    It's looking much better now. If I click on one of the galleries now, I get a grid of images that have the file name below them. What if I want to take off that file name completely?

    Here's where it is: http://www.mercy-village.com/gallery?psmash-gallery=1

  8. Go to PhotoSmash Settings / Images tab. You will see the spot for the medium size...next to each field is a multi-disc icon. Enter the values you want and then click the Multi-disc for each setting and this will update all of your existing Galleries.. Then Save you Settings in PhotoSmash Settings to make these the default values for any new galleries.

    If you're talking about the psmash-gallery=1, that can't completely go away. But in the next version of PhotoSmash, you will be able to specify what that psmash-gallery will be. You could make it gal or g or something short, but it is used to determine which gallery is being viewed.

    BB

  9. Hi, thanks again Byron. Re: the file names, I just want to get the file name for each of the thumbnails (below the pic) to go away. Either that, or I want to be able to name them something different than just the file name.

    Any suggestions?

  10. Hi MV,

    Ah...gotcha. You should be able to remove that by editing the gallery_view_layout (unless you're using a different layout for the galleries in the Gallery Viewer).

    Here's a how-to on editing custom layouts: http://smashly.net/photosmash-galleries/how-to/create-custom-layouts/

    The layout should have either a [file_name] or [caption] field. Just need to pull that out.

    Cheers,
    BB

RSS feed for this topic