How do the custom navigation options work?

If I declare a list of images as the selector (or li's) the images don't get updated to change the slideshow (the are not active).

I have a views slideshow set to flexslider style with an option set showing images and an attached block that contains an unordered list for images for the thumbnails. The thumbnail list has the same number of items as the slideshow.

The option set has the following in the Advanced Options…
Controls Container: .view-display-id-attachment_1
Manual controls: .view-display-id-attachment_1 ul li

jQuery will select the elements if I use the same selectors at the console, so they seem legal.

I can't see any mention of how this should be done in the documentation.
Is this just not implemented? Or am I misunderstanding the custom navigation, as I read it it suggests I can add a list of items & they will be made active to page the slideshow. Is this correct?

Comments

drew reece’s picture

drew reece CreditAttribution: drew reece commented
Status: Active » Closed (fixed)

I managed to get this working with the following in my flexslider option set…

Navigation and Control Settings -
Paging Controls: On

Advanced Options -
Controls container: .outer-thumbs
Manual controls : .mythumbs li

In the view attachment's format settings…
Wrapper Class: outer-thumbs
List Class : mythumbs

Now the li's work for navigating the slideshow, hope this helps someone else.

hdennen’s picture

hdennen CreditAttribution: hdennen commented
Status: Active » Closed (fixed)

edit: was being unobservant.

hdennen’s picture

hdennen CreditAttribution: hdennen commented
Status: Closed (fixed) » Active
hdennen’s picture

hdennen CreditAttribution: hdennen commented
Status: Closed (fixed) » Fixed
hdennen’s picture

hdennen CreditAttribution: hdennen commented

Following #1 this only appears to work if my attachment position is set to Above.

Any way to make this work if the attached nav block is below?

drew reece’s picture

drew reece CreditAttribution: drew reece commented

I have changed over to using a block generated by views instead. It means I can move it around in the layout, it seems to work OK. It needs some fiddling to make it show up on the right pages (via Context module).

minorOffense’s picture

minorOffense CreditAttribution: minorOffense commented
Status: Fixed » Closed (fixed)
SGhosh’s picture

SGhosh CreditAttribution: SGhosh commented

@drew reece

Please forgive me if you mind what I am going to say(write) but I LOVE YOU.
I have been looking for this for almost 3 weeks...having dreams at night that i finally have my pager with flexslider slideshow only to realize in the morning it was a dream :(

Finally finally found your post and it was just so to precise. Just followed it and ta-da, i had my pager ^_^ . Drupal community is really lucky to have people like you.

Thank you soo soo much :)

(And it worked with attachment below too.)

drew reece’s picture

drew reece CreditAttribution: drew reece commented

Hehe,

Thanks for the kind words SGhosh, I also struggled with it & figured posting the info may help someone else too.

Cheers.

OFF’s picture

OFF CreditAttribution: OFF commented

Thank you!

For that:

Navigation and Control Settings -
Paging Controls: On

Advanced Options -
Controls container: .outer-thumbs
Manual controls : .mythumbs li

In the view attachment's format settings…
Wrapper Class: outer-thumbs
List Class : mythumbs

Its very hard to understand without thats simple example

czechmate1976’s picture

czechmate1976 CreditAttribution: czechmate1976 commented
Issue summary: View changes

Thank you, thank you and again thank you

Once I have read this thread, problem sorted :-)

scotwith1t’s picture

scotwith1t
Location Birmingham, AL
CreditAttribution: scotwith1t commented

Almost too easy. Thanks @drew-reece !!

Nathan Tsai’s picture

Nathan Tsai CreditAttribution: Nathan Tsai as a volunteer commented

Could anyone provide more detailed instructions?

drew reece’s picture

drew reece CreditAttribution: drew reece commented

Could anyone provide more detailed instructions?

It has been 4 years for me since this issue, I can't recollect beyond what is already posted here. I don't have this active on a site either now, sorry. You may want to go into details about what Drupal version you are on, I suspect things have changed in D8 too?