Hello,
I am currently using WP Types and Views. However, I'd like to create a slider using single property images. The slider would be placed within the single property page and would include only images assigned to that single property. Light-box effect would be an added bonus.
Any ideas as to how I'd go on about doing this? I have FlexSlider and other sliders module also installed.
If the above is not possible, is there anyway I can get the thumb images to open an enlarged version of the thumb image on a new window when clicked i.e. 640 pixels x 480 pixels?
You can review the layout and thumbs I am trying to configure here:
hidden link
Thanks in advance,
-A
Hi anthonyS-2,
I think it is possible, I suggest you try create a custom repeating image field,
Use Views &Types shortcode to output it into FlexSlider and other sliders HTML sturcture, for example:
<ol>[wpv-for-each field="wpcf-my-image"]
<a href='[types field="my-image" id="" url="true" size="full"][/types]'><img src='[types field="my-image" id="" url="true" size="thumbnail"][/types]' ></a>
[/wpv-for-each]<ol>
More help:
https://toolset.com/documentation/views-shortcodes/#wpv-for-each
https://toolset.com/documentation/functions/#Image
https://toolset.com/documentation/user-guides/creating-sliders-with-types-and-views/
Hi Luoy,
Thank you for getting back to me. i am going to review your suggestions let you know if I need any further assistance.
Many thanks once again.
Best regards
Anthony
Hello,
Thank you again Luoy. I still need assistance:
The flexi slider is displaying, however the filter query is set to a specific post ID (otherwise the slider gets all of the image fields from all of the posts) - we need to get the slider to include images into it only from the post that it's currently on
(much like filter by ID current_post_id)
Here's the code I currently have:
[filter html field
[wpv-filter-start hide="false"]
[wpv-filter-controls][/wpv-filter-controls]
[wpv-filter-end]
layout html field
[wpv-layout-start]
[wpv-posts-found]
<!-- wpv-loop-start -->
<wpv-loop>
[wpv-post-body view_template="Flex slider - main slider - single slide"]
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-posts-found]
[wpv-no-posts-found][wpml-string context="wpv-views"]No posts found[/wpml-string][/wpv-no-posts-found]
[wpv-layout-end]
and this is the combined output:
[wpv-filter-meta-html]
<div id="flex-slider" class="flexslider-main flexslider">
[wpv-layout-meta-html]
</div>
This is the "Flex slider - main slider - single slide" content template
<ul class="slides">[wpv-for-each field="wpcf-thumbnails"]
<a href='[types field="thumbnails" id="" url="true" size="full"][/types]'><img src='[types field="thumbnails" id="" url="true" size="full"][/types]' ></a>
[/wpv-for-each]
====
Cheers. Can you help?
Many thanks.
Best regards
Anthony
Could you post the live URL of problem page?
Are you going to do like this?
Slider 1:
image 1 from post 1
image 2 from post 1
image 3 from post 1
Slider 2:
image 1 from post 2
image 2 from post 2
image 3 from post 2
...
Hello Luoy,
Here's the link to the page: hidden link
What I am trying to achieve is to have each thumb image on the page open in a new window so that the enlarged version of the thumb images can be viewed. If you look down the page you will see different thumb images with floor plans etc. These and the thumb images on the right hand are the images I would like to open in a larger window when they are clicked.
I have uploaded the code I am currently using for the content-template here:
hidden link
Any help would be greatly appreciated.
Many thanks.
Best regards
Anthony
Since the URL you mentioned above is "Authentication Required", I can't see the live page, and can not debug with my Chrome browser
I suggest you try following hidden link to make the HTML structure
Hello Luoy,
Please use user: demopass pass: demopass on both logins to the website and also to view the page. I thought I removed the prompts.
However, I would like you to see my live website so that you can get an idea of what I am having issues with as I explained in my last response which I have placed again below:
=================
Here's the link to the page: hidden link
What I am trying to achieve is to have each thumb image on the page open in a new window so that the enlarged version of the thumb images can be viewed. If you look down the page you will see different thumb images with floor plans etc. These and the thumb images on the right hand are the images I would like to open in a larger window when they are clicked.
I have uploaded the code I am currently using for the content-template here:
hidden link
Any help would be greatly appreciated.
Many thanks.
Best regards
Anthony
=================
Thanks for sending the above link but its not exactly what I need.
Many thanks.
Hello Luoy,
I still need assistance with this issue please. Please see my last response.
Any help would be greatly appreciated.
Best regards
Anthony
Thanks for the detail, I am working on it, will feedback if there is any found