[Resolved] Can't figure out Flexslider

[Author]

Posts

[jasonw-2]

I am trying to: get flexslider to work properly.

I expected to see: slides with navigation

Instead, I got: single images going down the page.

I visited this https://toolset.com/forums/topic/how-to-display-the-pics-i-uploaded-as-a-slider/#post-518295 and can't seem to make it work. I know I'm fairly close.

Any help would be awesome. 🙂

[Luo Yang]

Hello,

Thanks for the details, I can login yourwebsite.

When I am trying to debug it in you website, but get a FTP error:
552 Quota exceeded:

Please check it, make sure the FTP account is valid to edit your theme file functions.php

[jasonw-2]

Hi Luo!

You should be good to go now.

Thank you.

[Luo Yang]

I have done below modification in your websites:
1) Edit the PHP codes in your theme file "functions.php" to below:

        wp_enqueue_script( 'flexslider-js', '<em><u>hidden link</u></em>', array( 'jquery' ), '1.0' );
        wp_enqueue_style( 'flexslider-css', '<em><u>hidden link</u></em>', array(), '1.0' );

2) Create a custom repeatable image field "slides":
hidden link
Enable the option "Allow multiple-instances of this field"

3) Create a content template with the same shortcodes:

[wpv-post-body view_template="None"]
 
<h2>Project images as a slider</h2>
<div class="flexslider">
    <ul class="slides">
        [wpv-for-each field="wpcf-slides"]
        <li>
            [types field='slides' alt='%%ALT%%' title='%%TITLE%%' size='large' align='none' resize='proportional' separator=', '][/types]
        </li>
        [/wpv-for-each]
    </ul>
</div>

hidden link

4) Create a post with images, and assign it with above content template, and test it in front-end:
hidden link

Please check if it is what you want.

[jasonw-2]

I was trying to do the thumbnail image navigation way.

Is there any way you could look at the "Single Equipment Listing" content template and see where I'm going wrong? I would really appreciate it.

[Luo Yang]

Since all images are in one single post, so you just need one content template:
hidden link

You don't need the view "flex-slider" or "flex-slider-nav-additional-view"

I have done below modification in your website:
1) Edit the content template display the content template "Flex slider nav - thumbnails - single thumbnail" shortcode:

{!{wpv-post-body view_template='flex-slider-nav-thumbnails-single-thumbnail'}!}

2) Edit your content template:
hidden link
Change the codes to :

<div class="flexslider">
    <ul class="slides">
      [wpv-for-each field="wpcf-more-images"]
<li>
  <img src="[types field="more-images" url="true" width="120" height=""][/types]" alt="[wpv-post-title]">
</li>
  [/wpv-for-each]
    </ul>
</div>

[jasonw-2]

That is great and I'm really happy for the help, but I thought there was a way to show the pictures at the bottom for the navigation? I know I'm asking a lot but it's so close to be exactly the way I want it. 🙂

New threads created by Luo Yang and linked to this one are listed below:

https://toolset.com/forums/topic/split-cant-figure-out-flexslider/

[jasonw-2]

It's 3am here and I have to go to bed. I might be able to figure it out tomorrow. I don't know. Thanks again!!

[Luo Yang]

I assume the original question of this thread has been resolved:
https://toolset.com/forums/topic/cant-figure-out-flexslider/#post-924860

For the new question, please check the new thread here:
https://toolset.com/forums/topic/split-cant-figure-out-flexslider/

[jasonw-2]

You sir, are my hero.

Thank you so much!!