Implement lightslider

Hi All,

I am new to Grav CMS.

It would be great if someone help me to understandon how to setup light slider or simple image slider in Grav?
https://learn.getgrav.org/16/cookbook/general-recipes#really-simple-css-image-slider

I am confused with folders and yaml files,etcc..

For the simple solution you linked to, without the "modular slider" option mentioned, you need to have this kind of structure:

pages
 |
  05.sliderpage
   |
   - mypage.md
   - slide_image1.jpg
   - slide_image2.jpg
   - slide_image3.jpg

Then you would put the first bit of Twig into your theme's templates folder as mypage.html.twig in this example. That Twig simply loops through every image file found in the same folder as the page using it, and selects them for the slider.

Also add the CSS listed to your theme's scss/_custom.scss (or create it). Unfortunately that example shows SCSS, which means you need to be running your CSS preprocessor for it to work.

There is also the lightslider plugin, which I find a bit clunky but much simpler to get going!

Let us know how you go.

Hallo Hugh,

Than you answering my question. Unfortunately, it didn’t work. I installed lightslideer. But it doesn’t work.

Hi Hugh,

I have tried below Imgae slider. But that doesn’t work