1. Plugins
  2. Moon Slider
  3. Support

Moon Slider

An OctoberCMS plugin for create, manage and deploy responsive sliders

← Back to Moon Slider Support

apps83132
apps83132
Unapproved

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.

PolloZen
PolloZen

Hello there, thank you for writing to us and we apologize in advance for the response time. Can you share if you have the component inside a div?

for example: <div class="container"> {% component "moonSlider" %} </div>

It would also help us a lot to know if you have it published on a URL so we can see it directly, or if you have it on your localhost and you agree, we can give you a support session via Zoom or Google Meet

Thank you very much for writing to us

1-2 of 2

Please login to reply to the discussion.