I am having some trouble getting the moonslider to work on my October 3 project. I have followed the install instructions, and I have done the following:
Added {% styles %} in the <head> section in default.htm layout file Added {% scripts %} at the end of the body section of the default.htm layout file Added the following at the top of the file: [moonSlider] slidesOrder = "slider" slug = "slider1"
Added the following in the index.html file: <div id="slider-container" style="width: 900px"> {% component "moonSlider" %} </div> When I load the page, you can see a space where the slider should have loaded, and when you view source, you can see the side data that should have been loaded, but nothing is actually displayed. Here is what I see in my html when I inspect the page:
<div id="slider-container" style="width: 900px"> <div class="polilla-slider" id="whole-tns147666741"> <div class="tns147666741"> <div onclick="window.open('', '_self')"> <div class="pol-tn-container vertical-bottom horizontal-left" style="background-size:cover;" data-imd="http://127.0.0.1:8000/storage/app/uploads/public/674/45a/4bd/67445a4bdad63842769271.png" data-imt="http://127.0.0.1:8000/storage/app/uploads/public/674/45a/50a/67445a50ae89d233467205.png" data-imm="http://127.0.0.1:8000/storage/app/uploads/public/674/45a/542/67445a542636c774966928.png"> </div> </div> <div onclick="window.open('', '_self')"> <div class="pol-tn-container vertical-bottom horizontal-left" style="background-size:cover;" data-imd="http://127.0.0.1:8000/storage/app/uploads/public/674/45a/776/67445a776d1c5815037005.png" data-imt="http://127.0.0.1:8000/storage/app/uploads/public/674/45a/7b1/67445a7b19f4b728369344.png" data-imm="http://127.0.0.1:8000/storage/app/uploads/public/674/45a/7e5/67445a7e5c4f9796958268.png"> </div> </div> </div> </div> </div> I did this on a fresh installation of October 3.7.0 with no other plugins or themes, just using the demo theme.
Please help me to get this to display, I have not managed to achieve this alone or with provided documentation.