Generate slide on my slider

Dieser Thread wurde gelöst. Hier ist eine Beschreibung des Problems und der Lösung.

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 vor 6 Jahren, 8 Monaten. 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.

Heute stehen keine Supporter zur Arbeit im Werkzeugsatz-Forum zur Verfügung. Sie können gern Tickets erstellen, die wir bearbeiten werden, sobald wir online sind. Vielen Dank für Ihr Verständnis.

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)

Tags: Front-end display, Layouts plugin

Dieses Thema enthält 4 Antworten, hat 3 Stimmen.

Zuletzt aktualisiert von Shane vor 5 Jahren, 9 Monaten.

Assistiert von: Shane.

Author

Artikel

März 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 => versteckter 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

März 5, 2018 at 7:20 pm #622251

Shane

Supporter

Sprachen: Englisch (English )

Zeitzone: 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

März 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

Februar 25, 2019 at 8:16 pm #1205795

Anonym

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.
versteckter Link)

Februar 25, 2019 at 8:37 pm #1205803

Shane

Supporter

Sprachen: Englisch (English )

Zeitzone: 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.