Slideshow not working in Deliver theme

@sue, Did some research for you...

TL;DR: Solution is at the bottom

• Downloaded the deliver skeleton

• Slider is working fine...

• Switched to fresh Grav installation, added theme Deliver and copied pages/01.home from skeleton into fresh installation.

• Slides are vertically stacked....

• Opened the developer tools of the browser. Page throws the following error:

  TXTCopy

  Uncaught SyntaxError: Unexpected token ','            home:110
  

• Code at line 110 of home page looks like:

  TXTCopy

  $('#content-slide').slideme({
  arrows: ,                   <-- line 110, throwing error
  autoslide: ,
  autoslideHoverStop: ,
  interval: ,
  loop: ,
  pagination: "numbers",
  transition : '',
  itemsForSlide: ,
  touch: ,
  swipe: ,
  

  Values for the javascript object seem to be empty

• Javascript object is filled in template '/themes/deliver/templates/modular/showcase.html.twig' and reads the following values from 'site.yaml'...

  YAMLCopy

  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
  

• Solution:
  Copy the above values into 'user/config/site.yaml' of your own site and it should work.

Hope this helps....