flexslider toolset

  1. “Flex slider – main slider” View
    • Change the content type to load from Slides to Properties.
    • Unchecked “Don’t include current page in query result”
  2. “Flex slider nav – thumbnails” View
    • Change the content type to load from Slides to Properties.
    • Unchecked “Don’t include current page in query result”
  3. “Flex slider – main slider – single slide” View template
    Change to load main-image custom field instead of the default slide-image. This is the code:

  4. flexslider toolset
  5. “Flex slider nav – thumbnails – single thumbnail” View template
    Change to load main-image custom field instead of the default slide-image. This is the code:

  6. flexslider toolset
  7. In your content template
    
    
    
    
    • 신림역 투룸 월세
    • 신림역 투룸 월세
    • 신림역 투룸 월세
    • 신림역 투룸 월세
    • 신림역 투룸 월세
    • 신림역 투룸 월세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 쓰리룸 전세
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 부천시 소사구 소사본동 소사초등학교앞 파출소 옆
    • 신월동 주변
    • 신월동 주변
    • 신월동 주변
    • 신월동 주변
    • 신월동 주변

I think I have it working now. I did the upload again and the images appeared (so not sure what went wrong with the previous upload) but the slider didn’t do anything when I clicked on the thumbnails. However, I changed the code in your view templates to add the “thumbnails” which I’ve renamed “property-images” to the main slider and the main-image to the thumbnail slider – so the code now reads as follows

Flex slider - main slider - single slide
  • Flex slider nav - thumbnails - single thumbnail
  • The images are a bit off-center in the slider window but I’m sure that’s just a CSS issue which should be easy to resolve and won’t need any changes to the JS code.

    Leave a comment