Forums

Static Thumbnail Block needed

Permalink
Hello. I am not good at writing PHP, but I can read it. I am looking for a thumbnail layout block that when clicked would direct to a page with a gallery of images. So I am looking to have a gallery of thumbnails of different galleries.

I am attaching a picture because that probably didn't make any sense.

I have a feeling this is really easy, but not for me apparently!
Thank you for your help.

1 Attachment

rstudio
 
frz replied on at Permalink Reply
frz
Make a new page type of "image gallery". That's the detail page for each individual gallery.

Add a custom attribute to the page type (from dashboard) and make it a file attribute.

You can then upload a picture from page properties for individual gallery.

On the page above them where you want these image links, you can then make a custom template for the page list block which will find that custom attribute, and link to the pages in question.. That requires a little bit of PHP writing but with some searching in the forums and poking around its pretty doable.

Alternatively, just make a Content nblock and link your images by hand.
Remo replied on at Permalink Reply
Remo
there's even a tutorial where you can see some code which you can copy & paste..

http://www.codeblog.ch/2009/03/concrete5-templates/...
rstudio replied on at Permalink Reply
rstudio
It worked perfectly.
Thank you both.

i love concrete5.

Renée
Remo replied on at Permalink Reply
Remo
you can use any css rule you want. float:left and you're done!
rstudio replied on at Permalink Reply
rstudio
Thank you for your help Remo. I have one more question, I may just be looking at too much code, and its all blurring. But the second thumbnail is getting pushed down, making me believe that it is picking up some margin somewhere?

Have you tried to make these float left? I didn't know if you might know where its getting this from.

Thank you again!
Renée
Remo replied on at Permalink Reply
Remo
I don't have a site where I could reproduce this. I know that you often get a margin between pictures if there's a line break after the img tag (IE does that).

But to help you, I'd have to see some html, css code...
rstudio replied on at Permalink Reply
rstudio
Hello Remo:

You can see what is happening here:
http://www.therstudio.com/index.php/weddings/invitation_gallery/...

here is the html:
<div class="ccm-page-list">
<h5><a href="/index.php/weddings/invitation_gallery/b_r_a_n_c_h">B R A N C H</a></h5>
<div class="ccm-page-list-description">
   <div class="ccm-page-list-thumbnail">
      <img src="/files/cache/93798d3a1f68d52d8ae0b4ed4e2e528a.jpg" alt="B R A N C H" style="float:left"/>
        </div>
   </div>
<h5><a href="/index.php/weddings/invitation_gallery/t_r_e_e">T R E E</a></h5>
<div class="ccm-page-list-description">
   <div class="ccm-page-list-thumbnail">
      <img src="/files/cache/190472eff2fa95e11edff033e992a28e.jpg" alt="T R E E" style="float:left"/>
        </div>


here is the css I have:
.ccm-page-list-thumbnail img {
margin:0 10px 0 0;
padding: 0;
width:200px;
float:left;
}
.ccm-page-list-description {
margin:0 10px 0 0;
padding: 0;
width:210px;
float:left;
}


and I used your php from your tutorial.

thank you so much, I appreciate your help!
Renée
Remo replied on at Permalink Reply
Remo
you need to add another div surrounding the title and text..