[Resolved] Help with image fields on frontend

[Author]

Posts

[antonioM-8]

Hi i need help for show image field with thumbnail on frontend

[Waqar]

Hi Antonio,

Thank you for waiting and sorry for the delay in the reply.

During troubleshooting, I noticed that you're using the "wpv-for-each" shortcode to show the repeating images inside an Elementor plugin's template directly.
( hidden link )

As suggested in the guide ( https://toolset.com/2017/10/adding-a-gallery-of-images-for-custom-posts/ ), that shortcode block needs to be added inside a Toolset's "Content Template".

You can create a new content template from WP Admin -> Toolset -> Content Templates and add the complete block in it:

[wpv-for-each field="wpcf-immagini"]
<a href="[types field='immagini' size='full' url='true'] [/types]">
[types field='immagini' alt='%%ALT%%' title='%%TITLE%%' size='thumbnail' align='none' resize='proportional'][/types]</a>
[/wpv-for-each]

Next, you can use "wpv-post-body" shortcode ( ref: https://toolset.com/documentation/user-guides/views-shortcodes/#vf-153372 ) to show this new content template inside your Elementor template, through a "Text Editor" widget.

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

[antonioM-8]

Ok, yes but the main problem has not been solved. To make sure that there are images as I told you how I do?

That is the carousel of images, with 1 large image and the other small ones at the bottom so that we can make the slide to see them. As I showed you in the pictures.

Is not there a way to do it?

I did as said in the guide https://toolset.com/2017/10/adding-a-gallery-of-images-for-custom-posts/ but it does not work

[antonioM-8]

I tried your image guide, but now you do not even load the ad page anymore.

I created a content template, I pasted the code you wrote to me and I saved calling this "gallery" content template

Then I went on elementor and in the box where I want the pictures to be there I entered the shortcode [wpv-post-body view_template = "gallery"]

And now the ad page is no longer loaded

[antonioM-8]

Maybe content template and elementor is not compatible? Right? my website is based only with elementor. That for me is big problem

[Waqar]

Hi Antonio,

Thanks for writing back and for sharing the update.

I noticed that Christian has helped you in clearing some of the usage issues, but I'll be happy to give you a quick overview as well.

1. It is not recommended to use Toolset Layouts and the Elementor page builder plugins together, because both are layout builder plugins and there no benefit of using them at the same time.

Other Toolset plugins like Toolset Types, Toolset Views, Toolset Forms etc, would work just fine with Elementor.
( https://toolset.com/documentation/user-guides/using-toolset-with-elementor-page-builder/ )

2. If you'll check the gallery guide from Agnes that we've been discussing ( https://toolset.com/2017/10/adding-a-gallery-of-images-for-custom-posts/ ), you'll find a link to a demo gallery page that shows the result ( screenshot: hidden link ):
hidden link

If you'll check that demo page, there is no image carousel. At the top, a full-sized static "featured image" is showing and at the bottom image gallery created from the repeating image custom field is showing. Clicking the image opens it in a lightbox/popup.

3. I found the content template "Gallery2" that you have created at:
hidden link

I added its shortcode "[wpv-post-body view_template= "gallery2"]" in your Elementor template ( hidden link ) and now the image gallery is showing same as the guide from Agnes.
( screenshot: hidden link )

4. That guide is using a third-party plugin "Easy FancyBox" ( https://wordpress.org/plugins/easy-fancybox/ ), for the image popup/lightbox, but your images are automatically shown in popup/lightbox, because of the Elementor plugin.

5. For the image carousel, as Christian explained, you'll either need a third-party plugin or a professional, who can custom develop it for you ( https://toolset.com/contractors/ ).

I hope these points will help.

regards,
Waqar