Generate slide on my slider

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

Problem:

The issue here is that the user had some repeated image fields and wanted to create a slider using these images.

Solution:

I managed to create a flexslider plugin that should be able to help your.

Download and install the plugin in the link below.
https://drive.google.com/file/d/1CFU2_oBqe9PJBks8cT1VqMND8-ytDdVE/view?usp=sharing

Then create a content template for your post and add the following.

<div class="flexslider">
  <ul class="slides">
   [wpv-for-each field="wpcf-image_1"]
  <li>[types field="image_1" size="medium" align="none" resize="pad" padding_color="#FFF"][/types]</li>
  [/wpv-for-each]
  </ul>
</div>

After doing this then you will need to add the script for it to work.

Add this to the js section of the content template.

jQuery(window).load(function() {
   jQuery('.flexslider').flexslider();
 });

This support ticket is created 6 years, 8 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
-	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	-
-	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	14:00 – 18:00	13:00 – 18:00	-

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: Front-end display, Layouts plugin

This topic contains 4 replies, has 3 voices.

Last updated by Shane 5 years, 8 months ago.

Assisted by: Shane.

Author

Posts

March 5, 2018 at 3:43 pm #622167

martyB

Hi everyone,

I'm trying to add a custom post type in Toolset slider to make a portfolio. So I follow this ticket support https://toolset.com/forums/topic/how-to-display-the-pics-i-uploaded-as-a-slider/

Because it's exactly the same configuration than mine, (add different pictures and create a portfolio).

So I have follow the instruction, I have created my single template and add the code, download the flexslider fields (I have checked they're correctly uploaded).

But even with these nothing its happening and I don't know what is wrong, this is my page => hidden link

This is the code that I have added (I have changed the slug of my custom post type too)

[wpv-post-body view_template="None"]

<h2>Project images as a slider</h2>
<div class="flexslider">
<ul class="slides">
[wpv-for-each field="wpcf-medias"]

[types field='medias' alt='%%ALT%%' title='%%TITLE%%' size='goodlife-grid-8x8' align='none' resize='proportional' separator=', '][/types]

[/wpv-for-each]

</div>

And the JS on the JS editor of my Single template =>
( function( $ ) {
$( document ).ready( function(){

$('.flexslider').flexslider({
animation: "slide"
});

});
})( jQuery );

Thank you for your help

March 5, 2018 at 7:20 pm #622251

Shane

Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Marty,

I took a look at this for you and it should be working now.

The field name should've been wpcf-mediaz since this is what you used for the slug.

Please let me know if this helps.
Thanks,
Shane

March 6, 2018 at 10:15 am #622508

martyB

Oh sorry I tought that I have to used a different name for field and slug. Thanks a lot for your help!

Have a nice day

February 25, 2019 at 8:16 pm #1205795

Anonymous

Hi, the link to download the plugin doesn't seem to work anymore. Would it be possible to have access to it? Thanks.

(Download and install the plugin in the link below.
hidden link)

February 25, 2019 at 8:37 pm #1205803

Shane

Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hello,

I can confirm that the link actually still works.

You should see a download button. Please try clicking this.