Category page layout

designbygaiadesignbygaia Registered Users Posts: 14 Big grins
edited January 10, 2012 in SmugMug Support
[url]Http://www.designbygaia.com[/url]

Hi folks

I have my homepage set to display my bio, and when I make a sitable one, my picture. I have a navbar link in the upper right of the page which links to 'galleries. This link actually takes you to a category page which is.

[url]Http://www.designbygaia.com/gaian[/url]

All this works just fine except for this. I so far have five galleries with their thumbnails listed here but they all appear in one long list down the page so users have to sroll down to see them all. How do I force them to appear on this page in a grid pattern first before they force the browser to disply its scroll bars etc. really bugging me. I know tis can be done as i've seen other site which work this way, or at least they sure look like they are structured/coded the same way.

Thanks

Comments

  • rainforest1155rainforest1155 Registered Users Posts: 4,566 Major grins
    edited January 9, 2012
    Hi Gaia and welcome to Dgrin! wave.gif

    You just need to add one more gallery. We display galleries in two rows if you have 6 or more galleries in a category.

    Hope this helps.
    Sebastian
    SmugMug Support Hero
  • denisegoldbergdenisegoldberg Administrators Posts: 14,400 moderator
    edited January 9, 2012
    ...How do I force them to appear on this page in a grid pattern first before they force the browser to disply its scroll bars etc. really bugging me. I know tis can be done as i've seen other site which work this way, or at least they sure look like they are structured/coded the same way.
    Add the code from # 10 in the ADVANCED Customization FAQ to change to a thumb over gallery title 4-across look.

    --- Denise
  • designbygaiadesignbygaia Registered Users Posts: 14 Big grins
    edited January 9, 2012
    Add the code from # 10 in the ADVANCED Customization FAQ to change to a thumb over gallery title 4-across look.

    --- Denise
    Thsnks, that's a definite improvement and if that's all I can do then it will be OK. Hate to be picky, and I think maybe I wasn't quite clear about this, but my preference would be for the page to act like a gallery page and if there were too many galleries to fit on one page for another page to be generated with the usual Page1of 2Next >>> on the page to allow navigation to the next page

    Thanks awfully in advance
  • denisegoldbergdenisegoldberg Administrators Posts: 14,400 moderator
    edited January 9, 2012
    Thsnks, that's a definite improvement and if that's all I can do then it will be OK. Hate to be picky, and I think maybe I wasn't quite clear about this, but my preference would be for the page to act like a gallery page and if there were too many galleries to fit on one page for another page to be generated with the usual Page1of 2Next >>> on the page to allow navigation to the next page

    Thanks awfully in advance
    I'm not aware of any way to make that page act like a gallery page from a page break standpoint. If you have too many galleries to fit on one page then you should consider switching your view to "by category".

    See help page at http://help.smugmug.com/customer/portal/articles/93317-arrange-galleries-on-your-homepage.

    --- Denise
  • designbygaiadesignbygaia Registered Users Posts: 14 Big grins
    edited January 9, 2012
    I'm not aware of any way to make that page act like a gallery page from a page break standpoint. If you have too many galleries to fit on one page then you should consider switching your view to "by category".

    See help page at http://help.smugmug.com/customer/portal/articles/93317-arrange-galleries-on-your-homepage.

    --- Denise
    Thanks, Oh well, such is life I guess. I occurs though. might it be possible to just make a gallery which has a set of relevant tumbnails and titles on it, and attach html links to each thubnamil, or perhaps to its cation, which would point at the relevant gallery?
  • denisegoldbergdenisegoldberg Administrators Posts: 14,400 moderator
    edited January 9, 2012
    Thanks, Oh well, such is life I guess. I occurs though. might it be possible to just make a gallery which has a set of relevant tumbnails and titles on it, and attach html links to each thubnamil, or perhaps to its cation, which would point at the relevant gallery?
    You can use an HTML-only gallery for that. See tutorial at http://allen-steve.smugmug.com/gallery/3539056.

    --- Denise
  • designbygaiadesignbygaia Registered Users Posts: 14 Big grins
    edited January 9, 2012
    hi again

    Sorry to be a pain. I have the links working but don't know two things. the gallery I end up with has no images in it and thus has a dialog that says I need some? how do I get rid of that? also allthough my links work and I have a border for the thubnamil, which also works a sa link I have been unable to figure out the correct url to use to get the picture according to the tutorial it is something like this

    image

    however, when I put in the gallery ID instead of the xxxxxxxx_xxxxx and replace the -th.jpg with an image filename eg (2081crop.jpg) that doesn't work. How do I figure out the correct URL to use?

    Thanks

    david
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited January 10, 2012
    hi again

    Sorry to be a pain. I have the links working but don't know two things. the gallery I end up with has no images in it and thus has a dialog that says I need some? how do I get rid of that? also allthough my links work and I have a border for the thubnamil, which also works a sa link I have been unable to figure out the correct url to use to get the picture according to the tutorial it is something like this

    <img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>

    however, when I put in the gallery ID instead of the xxxxxxxx_xxxxx and replace the -th.jpg with an image filename eg (2081crop.jpg) that doesn't work. How do I figure out the correct URL to use?

    Thanks

    david
    We could help better if you posted a link to the galley.

    Add this to your CSS. Insert gallery number without the security key. XXXXXXXXX_xxxxxxx

    .gallery_XXXXXXXXX .notLoggedIn .emptyGallery {display:none;}
    (See yellow gallery number in example link below.)

    Best to choose photos on your site. You can add them to this gallery for linking and hide the photos
    with CSS. That tutor has CSS for doing that.

    Here's a typical example of a browser url link when you go to a photo in a gallery.

    Photo number and key in red
    http://www.designbygaia.com/Gaian/Animals/20953769_m2vhZN#!i=1664665524&k=PFmPHMn

    Insert that into this in the html.
    <img src="/photos/1664665524_PFmPHMn-Th.jpg" bo....

    You can also use "Share" > "get a link" to retrieve the photo link and paste that in.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • designbygaiadesignbygaia Registered Users Posts: 14 Big grins
    edited January 10, 2012
    Thankyou all very much. I now have it working just the way I'd like. I think I may have a couple of bits of extra CSS in there which I hall investigate and deete just fir the sake of effieciency but cheers

    David
Sign In or Register to comment.