Skip Navigation

[Resolved] Slider navigation not responding

This thread is resolved. Here is a description of the problem and solution.

Problem:
Slider navigation (previous/next arrows) not working.

Solution:
Moved the carousel slide code from Loop Output Editor to the Content Template and it works properly.

This support ticket is created 6 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 7 replies, has 2 voices.

Last updated by Charles 6 years, 6 months ago.

Assisted by: Noman.

Author
Posts
#577169

Support,

I created a slider to scroll through user posts, but I'm having trouble getting the navigation to work

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <a href="[wpv-post-url]"><img src="[wpv-post-featured-image  size='original' raw='true']" class="sliderphoto" alt=""/></a>
      <div class="carousel-caption">
        <table>
          <tr>
            <td class="homecar"><h3 class="homecar mtn">[wpv-post-link]</h3></td>
          </tr>
          <tr>
            <td class="homecar">[types field='price'][/types]</td>
          </tr>
          <tr>
            <td class="homecar">[types field='city'][/types], [types field='state'][/types]</td>
          </tr>
        </table>
      </div>
    </div>
  </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

Did I setup the navigation incorrectly?

Slider seen here, on homepage: motorfieds.com

Thanks,
Chuck

#577250

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi Charles,

Thank you for contacting Toolset support. I see you are trying to show posts in a slider. There are images missing on the page if we check console and slider is also not showing any images. Can you please add the images?

I am checking the structure of the slider and settings in the meantime..

Thank you

#577260

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

I have updated the View code and slider is working good now, please check and confirm:
hidden link

Thank you

#577351

Noman,

The slider should only be showing featured images from user's cred posts. It looks like it's picking up other pictures as well? Right now there are only two cred posts on the site.

Thanks,
Chuck

#577359

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

It is displaying featured images from user's cred posts correctly. Actually I had created Test posts for checking slider arrows. Now I have removed test posts.

I've also assigned a sample featured images to one of your existing post, you can change the featured image.

Thank you

#578398

Thanks!

#578457

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Please kindly mark this current ticket as resolved if all is good now.

Have a great day.
Thank you

#578558
This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.