[Resolved] Images Gallery in layout

[Author]

Posts

[domenicoS]

Hi,

I need your help to create a gallery in my layout. I searched the solution in the forum and topics but it'e realy hard.

The situation is this:
- I created a custom field as Image where users will update many images using a CRED post
- I've a layout which display all the information ollected by the CRED in a simple post

Now I need to display the images collecting with the custom field as a slider

Can you help me to solving this issue? I tried with many code, but without succefull.

- which is the best solution for this issue?
- How this solution works, what I've to do and which step I've to follow (step-by-step?

Thank you!

[Shane]

Hi Domenico,

Thank you for contacting our support forum.

I've highlighted a similar step on how to achieve this using repeatable image fields.

Could you try the instructions below and let me know if it helps.
https://toolset.com/forums/topic/generate-slide-on-my-slider/

Thanks,
Shane

[domenicoS]

Hi Shane, thank you.
I try your suggestion installing the plugin.

I created a view as follow:

Search and Pagination

 
[wpv-filter-start hide="false"]
[wpv-filter-controls][/wpv-filter-controls]
<ul class="pagination">
	<li class="page-item">[wpv-pager-prev-page force="true"][wpml-string context="wpv-views"]Previous[/wpml-string][/wpv-pager-prev-page]</li>
	<li class="page-item">[wpv-pager-next-page force="true"][wpml-string context="wpv-views"]Next[/wpml-string][/wpv-pager-next-page]</li>
</ul>
[wpv-filter-end]

Loop Editor

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<wpv-loop>
		[wpv-post-body view_template="Accommodation Gallery - diapositiva"]
	</wpv-loop>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]Nessun immagine inserita[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

Content template

<div class="flexslider">
  <ul class="slides">
   [wpv-for-each field="wpcf-accommodation-gallery"]
  <li>[types field="accommodation-gallery" size="medium" align="none" resize="pad" padding_color="#FFF"][/types]</li>
  [/wpv-for-each]
  </ul>
</div>

and the JS of the Content template

jQuery(window).load(function() {
   jQuery('.flexslider').flexslider();
 });

And adding the view in the layout, but it doen't show me the images. It give me "no result found"

What's wrong?

Thank you

[Shane]

Hi Domenico,

Would you mind providing me with access so that I can see exactly how this has been setup ?

The private fields have been enabled for your next response.

Thanks,
Shane

[Shane]

Private Fields.

[Shane]

Hi Domenico,

Could you let me know which Layouts this is on ?

I added the view to a test page and it works fine so it should work in a Layout.
hidden link

Thanks,
Shane

[domenicoS]

Hi Shane,

Thank you.
It works in the test post, but not in the layout.
The layout is "Accommodation layout"

In the test page I also see that the quality of image is very low. There is some setting applicated for this?

[Shane]

Hi Domenico,

I changed it so that you're using a content template in the layout instead of a View.

Also you can use the code for flexslider here
hidden link

To customize the look and feel of the slider as well.

Thanks,
Shane

[domenicoS]

Thank you Shane!

[domenicoS]

I Shane,

I don't know whay but I'm not able to see the slider in the layout output.

Some days ago after your edit it worked, but now it isn't works.

Can you help me?

[Shane]

Hi Domenico,

Could you open a new ticket for this issue and assign it directly to me ?

Thanks,
Shane