Skip to content
Grav 2.0 is officially stable. Read the announcement →
Archive

Need Help with "SlideMe" slider

Started by Muut Archive 11 years ago · 7 replies · 538 views
11 years ago

I am having problems getting the "SlideMe" slider to autoplay for my site using the Deliver theme. I have located the .js file and made the appropriate changes and it "should" work, but for some reason it is not. Any ideas would be very appreciated.

11 years ago

If You have pipeline enabled for the JS you will need to clear the cache to get the JS to recompress.

11 years ago

I have no idea what pipeline is or how to disable it.

11 years ago

If you don't know what it is, it's unlikely you have it enabled. More information in the docs btw.

Was just an idea anyway. Other than that, you should view the source of the JS in the browser, do you see your changes?

11 years ago

I modified the showcase.html.twig file to get the showcase to autoslide in the deliver theme. Here is what mine looks like:

---<script type="text/javascript">
$('#content-slide').slideme({
arrows: {{ site.header_options.arrows }},
autoslide: {{ true }},
autoslideHoverStop: {{ site.header_options.autoslideHoverStop }},
interval: {{ 5500 }},
loop: {{ site.header_options.loop }},
pagination: "numbers",
transition : '{{ site.header_options.transition }}',
itemsForSlide: {{ site.header_options.itemsForSlide }},
touch: {{ site.header_options.touch }},
swipe: {{ site.header_options.swipe }},

});
</script>```

This works great if you have just the one showcase on your site, or if you want all showcases to behave the same.

11 years ago

In deliver configuration file (site.yaml), you have all header options described:

YAML
header_options:
  arrows: 'true'                            # Create Next and previous button
  autoslide: 'false'                        # Auto slideshow mode
  autoslideHoverStop: 'false'               # Pause auto slideshow mode on mouseover
  interval: '2000'                          # The interval between each slide (Interval in millisecond)
  loop: 'false'                             # Infinite slideshow             
  transition : zoom                         # Set the animation kind (fade/slide/page/zoom)
  itemsForSlide: '0'                        # Wrap each 'n' item
  touch: 'true'                             # Set a native slide for touch device
  swipe : 'true'                            # Enable swipe for touch device
11 years ago

Thanks, Karol. I had no idea that I would need to go into the .yaml file. Geez, I wasted so much time on this. I assumed that I simply had to make my changes in the plugin's .js file.

11 years ago

Yeah.. I was trying to make that theme as much configurable as possible.. Next time i will make info about configuration file a little bit more visible.

Suggested topics

Topic Participants Replies Views Activity
Archive · by Deleted User, 9 years ago
0 1327 9 years ago
Archive · by Muut Archive, 9 years ago
2 921 9 years ago
Archive · by Muut Archive, 9 years ago
2 4050 9 years ago
Archive · by Muut Archive, 9 years ago
1 2928 9 years ago
Archive · by Muut Archive, 9 years ago
3 1107 9 years ago