Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Carousel: making it not clickable?

    Addons
    5
    19
    849
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      Theodoros last edited by

      Is it possible to have autoplay only in a simple way?

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @Theodoros
        have a look here:

        0_1554503631851_Bildschirmfoto 2019-04-06 um 00.33.34.png

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • T
          Theodoros last edited by

          Dear @mariusjopen
          I don't understand your answer. It's already autoplaying, but I want it exclusively autoplaying, ergo, deactivating the left and right clicking buttons. This is what I meant in the title by "not clickable". I don't see any option for it in the "Edit Carousel" menu that you screenshot.

          Thanks for your answers anyway!

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            Dear @Theodoros
            Ah ok! Now I get it.

            You can always add the CSS class with CUSTOM CSS:
            pointer events: none;

            Then the whole carousel is not clickable anymore.

            Hope that helps!

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • T
              Theodoros last edited by

              Thanks @mariusjopen for your answer!

              I tried to give it a class, and added custom CSS like:

              .no-click-carousel {
              pointer-events: none;
              }

              (to be honest I'd need it in all the carousels, so I even tried to give this propriety to .carousel-full .lay-carousel-wrap).
              But it doesn't work, as you can see here http://www.gibellinaphotoroad.it/la-citta
              that css line is strikethrough-ed in the inspector (not active).
              Do you know where should I intervene?

              Thanks again

              1 Reply Last reply Reply Quote 0
              • mariusjopen
                mariusjopen Global Moderator last edited by

                Dear @Theodoros
                That should do:

                .lay-carousel-slide {
                pointer-events: none !important;
                }
                

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • T
                  Theodoros last edited by

                  @mariusjopen
                  thanks again for the suggestion, but it doesn't really fix it.

                  It does something: removes the cursor.
                  Still, the carousel is clickable.

                  All the best

                  1 Reply Last reply Reply Quote 0
                  • mariusjopen
                    mariusjopen Global Moderator last edited by

                    Dear @Theodoros
                    have a look at the carousel update.

                    0_1555273729868_Bildschirmfoto 2019-04-14 um 22.25.32.png

                    See if you can manage now. Otherwise let me know!

                    Best!

                    Marius

                    www.mariusjopen.world

                    1 Reply Last reply Reply Quote 0
                    • F
                      fabianschewe last edited by

                      Hi @mariusjopen

                      i have some struggle with the same issue here.
                      I want a autoplay slideshow with "show multiple slides" on to be not clickable.
                      but none of the suggested solutions worked for me.

                      another problem is, that the autoplay doesn't work anymore if i once click into the slideshow. so if i click on the next or previous arrow it stops autoplaying but doesn't start autoplaying again after i leave the slideshow with the cursor. ("Pause Autoplay on Mouseover" is not active)

                      i hope you can help.

                      Thank you!

                      1 Reply Last reply Reply Quote 0
                      • mariusjopen
                        mariusjopen Global Moderator last edited by

                        Dear @Theodoros
                        can you post a link?

                        Best!
                        Marius

                        www.mariusjopen.world

                        1 Reply Last reply Reply Quote 0
                        • F
                          fabianschewe last edited by

                          hi @mariusjopen
                          not sure if you meat @Theodoros or me, but here a link to the page anyways :)

                          http://matterof.online

                          1 Reply Last reply Reply Quote 0
                          • mariusjopen
                            mariusjopen Global Moderator last edited by

                            Dear @fabianschewe
                            ok. I can see the problem.
                            We will check if this is a common problem.

                            Love your work!

                            Best!

                            Marius

                            www.mariusjopen.world

                            F 1 Reply Last reply Reply Quote 0
                            • edgrbnz
                              edgrbnz last edited by edgrbnz

                              @fabianschewe YES! Great work!! 😍
                              (offtopic: which plugin did you use for the cookie message?)

                              A colleague of mine has a similar issue. The Carousels are set to stop autoplay on hover but as soon as the pointer has hovered the carousel once it doesn’t start again → http://felixwichert.com/

                              Seems to be a bug, to me.

                              ✦ ✦ ✦

                              F 1 Reply Last reply Reply Quote 0
                              • F
                                fabianschewe @mariusjopen last edited by

                                @mariusjopen THX,

                                perfect!

                                Note: the problem is only occurring with the multiple slides carousel.

                                my best,

                                Fabian

                                1 Reply Last reply Reply Quote 0
                                • F
                                  fabianschewe @edgrbnz last edited by

                                  @edgrbnz Thank you!

                                  (the cookie plugin is GDPR Cookie Consent: https://de.wordpress.org/plugins/cookie-law-info/)

                                  the carousel problem ist not exactly the same. I have "stop on mouseover" disabled. and i don't have the problem with the "normal" carousel slideshows. it only occurs with the carousels with the option multiple slides. And also only if you click into the slideshow

                                  my best,
                                  Fabian

                                  1 Reply Last reply Reply Quote 0
                                  • mariusjopen
                                    mariusjopen Global Moderator last edited by

                                    Dear @Theodoros & @fabianschewe & @edgrbnz
                                    we are looking into this!

                                    Best!

                                    Marius

                                    www.mariusjopen.world

                                    1 Reply Last reply Reply Quote 0
                                    • arminunruh
                                      arminunruh Global Moderator last edited by arminunruh

                                      .nichtklicken {
                                          pointer-events: none;
                                      }
                                      

                                      should be

                                      .nichtklicken {
                                          pointer-events: none!important;
                                      }
                                      

                                      and yea theres a bug right now where the autoplay does not resume on pausing the autoplay, i will need to fix that

                                      if you need the carousels to be not clickable for every carousel, this should work:

                                      .lay-carousel-wrap{
                                      pointer-events: none!important;
                                      }
                                      
                                      F 1 Reply Last reply Reply Quote 0
                                      • F
                                        fabianschewe @arminunruh last edited by

                                        @arminunruh hi, thanks for your answer,

                                        .lay-carousel-wrap{
                                        pointer-events: none!important;
                                        }

                                        works for the carousel with multiple slides! but not for the "normal" carousels.
                                        but that works for me now.

                                        the "nichtklicken" class has no effect in my case..

                                        thanks

                                        1 Reply Last reply Reply Quote 0
                                        • mariusjopen
                                          mariusjopen Global Moderator last edited by

                                          Dear @fabianschewe
                                          I will send this over to Armin.

                                          Best!

                                          Marius

                                          www.mariusjopen.world

                                          1 Reply Last reply Reply Quote 0
                                          • First post
                                            Last post

                                          Before you post

                                          Use the Search Feature. Maybe there is already a solution to your issue.

                                          1. Update Lay Theme and all Lay Theme Addons
                                          2. Disable all Plugins
                                          3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                                          4. Now see if your problem solved itself
                                          5. Go here, see if your problem is listed here:
                                          Troubleshooting

                                          When you post:
                                          1. Post a link to where the problem is
                                          2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                                          Thanks!

                                          Online Users

                                          Recent Topics

                                          • N

                                            website blank.

                                          • S

                                            Theme crashed - because of Polylang?

                                          • S

                                            New fade-in / opacity bug?

                                          • A

                                            Unable to update lay theme / to login wp admin

                                          laytheme.com