[Resolved] Support, I would like to place a slider in each ad listing that shows a feature

[Author]

Posts

[Charles]

Support,

I would like to place a slider in each ad listing that shows a featured image and additional images uploaded by the poster.

I would like to recreate this: hidden link
and disable the large feature image that is currently shown on each ad. (hidden link)

Thanks,
Chuck

[Noman]

Hi Chuck,

Thank you for contacting Toolset support. Yes, you can create image slider. Please download Module manager and install FlexSlider module:
https://toolset.com/home/module-manager/?category=slider-2

Thank you

[Charles]

I have downloaded and installed, but how exactly do I use this. I'm assuming I build this into my current content template. Is there a tutorial on how to structure the slider?

I'd like to include a Feature Image with maximum 7 or 11 additional photos. I have the feature image as an area to upload on my CRED form, as well as additional photos with ability to upload more. I would need to max that out at 7 or 11.

Thanks,
Chuck

[Noman]

Hello Chuck,

Unfortunately we do not have any documentation on the Flexslider module. since it is not apart of our Plugin's included functionality.

Flexslider is a 3rd party snippet of code that was made into a module.

As I can see that you want to bind the types field (additional photos) into the slider. May be this can help you: https://toolset.com/forums/topic/flexslider-from-module-manager-docs/#post-358695
https://toolset.com/forums/topic/inserting-slider/#post-278493

Thank you

[Charles]

Noman,

Those posts helped, but am I able to bind the user's uploads into the slider so each post with flexslider shows the users uploaded photos?

Thanks,
Chuck

[Charles]

Also, do I need to limit the number of additional photos uploaded? Right now the option is infinite.

[Charles]

closed by accident

[Noman]

Hello Chuck,

1. Am I able to bind the user's uploads into the slider so each post with flexslider shows the users uploaded photos?
>> Yes, you can create slider with images uploaded either from backend or from frontend CRED form, as long as they are added into the Types Image field, its the same thing.

2. Do I need to limit the number of additional photos uploaded? Right now the option is infinite.
>> Please open a new ticket for this question with some more details and we will handle this issue separately. This will help other users with similar problems to find solutions when searching the forum, as per support policy. https://toolset.com/toolset-support-policy/

Thank you

[Charles]

Noman,

I have made some progress.

I wish to have the slider working on this page in the top right corner: hidden link

Here's what I did.
1.) "Flex slider - main slider" View
a.) Change the content type to load from Slides to Motorcycles.
b.) Unchecked "Don't include current page in query result"

2.) "Flex slider nav - thumbnails" View
a.) Change the content type to load from Slides to Motorcycles.
b.) Unchecked "Don't include current page in query result"

3. Flex slider – main slider – single slide" View template
I changed to load "main-image" (which is my custom-post type repeating image field) custom field instead of the default slide-image. This is the code:

<li>
  <img src="[types field="main-image" url="true" width="770" height="510"][/types]" alt="[wpv-post-title]">
</li>

4.) "Flex slider nav - thumbnails - single thumbnail" View template
a) Change to load main-image custom field instead of the default slide-image. This is the code:

<li>
  <img src="[types field="featured_image" url="true" width="120" height="80"][/types]" alt="[wpv-post-title]">
<li>
  <img src="[types field="additional-images" url="true" width="120" height="80"][/types]" alt="[wpv-post-title]">
</li>

</li>

5.) Then I added the two views to my page where I would like them displayed

[wpv-view name="Flex slider - main slider"]
[wpv-view name="Flex slider nav - thumbnails"] 

After all that the page is showing text, but not the images associated with the user submitted post. Are you able to offer guidance as to what/where I went wrong?

Thank you,
Chuck

[Noman]

Hello,

Please use this updated shortcode in Step 3:

<li>[types field="main-image" separator="</li><li>" width="770" height="510" alt="[wpv-post-title]"][/types]</li>

Please use this updated shortcode in Step 4(a):

<li>[types field="featured_image" separator="</li><li>" width="120" height="80" alt="[wpv-post-title]"][/types]</li>
<li>[types field="additional-images" separator="</li><li>" width="120" height="80" alt="[wpv-post-title]"][/types]</li>

If above does not solve the issue, then I would need to request temporary website WP-admin and FTP info for your site to debug further and to help in resolving this. Your next answer will be private which means only you and I have access to it.

=== Please backup your database and website ===

✙ I would additionally need your permission to de-activate and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important. Thank you

✙ Please add the Link to the [View] Edit Screen and [Page] Edit Screen where you have inserted this view.

Thank you

[Noman]

Thank you for providing login info, I have noticed some problems in the View html code, I am working on it and will update you accordingly once I am done.

Thank you for your cooperation.

[Noman]

Hello Chuck,

- I have updated the html content for the slider and added it into Content Template “Motorcycle Post Submissions Layout”.

- I have also updated JS and CSS code in the Content Template JS editor / CSS editor, and slider is working great now with Thumbnails. Please clear your browser cache & check here:
hidden link

Creating a View is not needed for single-post’s sliders.
Thank you

[Charles]

Almost there! Few errors I'm seeing:
1. The thumbnails turn blue when clicked.
2. There is no finger pointer when hovering over a thumbnail to be clicked.
3. Is it possible to have arrow navigation?
4. Is there a limit as to the number of posts a user may submit? I'll need to limit this in the form.
5. The location header is now above the flexslider.
6. The placeholder image that was original below location is now gone or is being overlapped by the slider.

[Charles]

The attached screenshot is what I see on my end. All issues noted in previous post.

[Noman]

Hello,

4. Is there a limit as to the number of posts a user may submit? I'll need to limit this in the form.
==> Technically this is a separate issue and not related to Slider itself. This limit has to be applied for Types repeating Image field and/or CRED form images submission function. I don’t think we have any builtin option but if you create a new ticket for this particular limit behavior (as suggested previously), I can try to find a workaround and see what I can provide you. As there could be ongoing questions for this as well. You can assign the new ticket directly to me or just send me the link here.

5. The location header is now above the flexslider.
==> Where would you like to place the Location field?

6. The placeholder image that was original below location is now gone or is being overlapped by the slider.
==> I removed that from Content Template thinking that it was some sample image. I can re-add that from your original View but I am not sure what would be purpose of this placeholder in this case, can you please explain on this?

I will work on and update the other 3 things. Thanks