Possible to do this : Carousel from pagelist linking to Video

Permalink
Hi,

Can anyone let me know if something like this is possible with Concrete5 without tweaking too much ??

http://demo.joomshaper.com/?template=moview...

I was thinking using FLEXSLIDER 2 + pagelist for the carousel

Thanks in advance

chrismodlao
 
hutman replied on at Permalink Reply
hutman
This would be possible, but would definitely require quite a bit of tweaking to add the play button overlay along with opening the video in a modal from the slider.
chrismodlao replied on at Permalink Reply
chrismodlao
Did you have any explanation for me to start with this ?

Do you think Flexslider + pagelist will work ?
jordif replied on at Permalink Reply
jordif
Hi!

sure, this is possible.

Actually I have an add-on that includes a page list carousel template:

http://www.concrete5.org/marketplace/addons/more-block-templates/...

If you want to create this yourself, you should start by creating a custom template for the Page List block that uses a slider (Flexslider is a good choice).

Regards,

Jordi
siton replied on at Permalink Reply
siton
Lets "seperate" this idea:
1) The overlay effect is very simple (image-scale). Like this:
http://stackoverflow.com/questions/35641548/css-transform-scale-bre...

Or google "image overlay scale" (or overlay)

The play button also, center-center with some hover style (css)

2) The grid also (in each modern carousel library you have some "build-in" responsive grid - X in a row / "Slider per view")
http://idangero.us/swiper/demos/#.V08sSTV96Uk...

3) The "swipe" also "build in" (in owl, slick, swiper.js and so on). The cursor change is nice (not build in).

4)"modal video" (You must give for each page some "youtube-link" attribute)

You only need to change the markup of the page list to the correct library markup. And also provide this asset. You must know how to code - so maybe use jordif add-on (looking great)

This is the "closest" Concrete5 docs about this issue:
http://documentation.concrete5.org/developers/working-with-blocks/w...