Custom block similar to gallery, with textfields
Permalink
Hello people,
I'd like to build a page with a main block, within this main block there are 9 thumbnails and every thumbnail has a field for text which can be formatted. If you click on a thumbnail a bigger picture should appear in a lightbox.
Have been looking around since hours now to find a solution for my needs.
I've looked at all the gallery types but they all don't match my needs.
Designers Content seems to be a powerful tool (the tool for this?), if I knew how to use it.
I'm new to C5 and also not very familiar with php and css, so if someone could show me a suitable way to solve this, would be great …
greets,
Ralph
--> attachment shows the layout of the block
I'd like to build a page with a main block, within this main block there are 9 thumbnails and every thumbnail has a field for text which can be formatted. If you click on a thumbnail a bigger picture should appear in a lightbox.
Have been looking around since hours now to find a solution for my needs.
I've looked at all the gallery types but they all don't match my needs.
Designers Content seems to be a powerful tool (the tool for this?), if I knew how to use it.
I'm new to C5 and also not very familiar with php and css, so if someone could show me a suitable way to solve this, would be great …
greets,
Ralph
--> attachment shows the layout of the block
Hi,
this looks good!
Is there a chance to put 3 of them in one block to get the 3 rows?
this looks good!
Is there a chance to put 3 of them in one block to get the 3 rows?
You could have a many as you like.
Just needs a bit organising with your theme pagetype.
The lightbox effect is the free add-on:http://www.concrete5.org/marketplace/addons/sortable-fancybox-galle...
Or if you need a responsive version:http://www.concrete5.org/marketplace/addons/responsive-gallery/...
With my demo set up I have three equal divs across the page, I place 'the gallery' block in each div and set to show '1' image from a 'fileset' which contains just one image.
Under each gallery block I added a 'content' block and text.
In theory you could just keep adding the right block in right place or maybe use a stack.
Does that make sense?
Just needs a bit organising with your theme pagetype.
The lightbox effect is the free add-on:http://www.concrete5.org/marketplace/addons/sortable-fancybox-galle...
Or if you need a responsive version:http://www.concrete5.org/marketplace/addons/responsive-gallery/...
With my demo set up I have three equal divs across the page, I place 'the gallery' block in each div and set to show '1' image from a 'fileset' which contains just one image.
Under each gallery block I added a 'content' block and text.
In theory you could just keep adding the right block in right place or maybe use a stack.
Does that make sense?
It does make sense to me( not yet totally), although I have some questions …
'Organising with my theme'… I planned to take a (blank) default theme, to place the gallery … is this what you mean?
To place the divs, do I have to go into the ccs file to set them manually?
Did you add the 'content block' on the page or in the css file?
After all this is done it would be recommended working with stacks, wouldn't it?
Thanks so far,
Ralph
'Organising with my theme'… I planned to take a (blank) default theme, to place the gallery … is this what you mean?
To place the divs, do I have to go into the ccs file to set them manually?
Did you add the 'content block' on the page or in the css file?
After all this is done it would be recommended working with stacks, wouldn't it?
Thanks so far,
Ralph
Actually you can't use a stack, the 'gallery block' in a stack will need a 'fileset'. Little point in doing it in a stack, might as well do it on the page.
If you're using a default theme you could use the 'layout' tool. Click on 'add to area' choose 'Add Layout', set to '3' Columns' and '3' rows.
Fill the cells with your content.
If you're using a default theme you could use the 'layout' tool. Click on 'add to area' choose 'Add Layout', set to '3' Columns' and '3' rows.
Fill the cells with your content.
I've made it with the layout function, good solution to get straight rows.
Thanks for the tipp!
I do have another question …
Is it possible to integrate a lightboxed image in a designer content block?
In designer content itself there is an option to choose a picture, but without any further functions like hover or lightbox …
Thanks for the tipp!
I do have another question …
Is it possible to integrate a lightboxed image in a designer content block?
In designer content itself there is an option to choose a picture, but without any further functions like hover or lightbox …
See attached.