[Resolved] Toolset Views – Elementor – Anywhere Elementor Pro

[Author]

Posts

[Ljuba]

1) As gallery is not in fact real gallery (main image cannot be 'switched'), is it some way to use some plugin for it?

2) I can confirm that your code in topic 'Conditional View' not working well when I create more sites, as on localhost I did all, but instead of Elementor, with Layouts (and 100% same issue).

3) Please, as time zone is asit is, if we will keep with one answer per day, it will last and last and .... (I'm available from Kolkata 08:00 till 12:00/noon - every day).

[Nigel]

Hi Ljuba

Minesh is sick today, but will hopefully be back tomorrow, and as he is already some way down the road with this ticket I'll let him continue.

[Ljuba]

Well, what to say? Hopefully tomorrow.

[Minesh]

2) I can confirm that your code in topic 'Conditional View' not working well when I create more sites, as on localhost I did all, but instead of Elementor, with Layouts (and 100% same issue).
==> Well - I see that now you have added the field lable - you for your field values. You need to be consistent with your requirement and you need to add related JS code as I shared before by modifying the div ID etc.. to hide the title.

I see you have added many Divs with same ID "tipo-de-sitio" - this is wrong - you need to correct IDs and you should learn how to hide title using jQuery/Javascript based on your HTML elements added within the DIV.

As you want to use same thing - I've added "tipo-de-sitio" as class. If you check your content template:
=> hidden link

You will see two columns where first column has values and second column does not have any value. So first column displays the title and second column hide the title.

This is the modified coce:

jQuery(document).ready(function($){
  $('div.tipo-de-sitio p:empty').remove();
  
  $('div.tipo-de-sitio').each(function(){
    $(this).find('p:empty').remove();
        
    if($(this).find('p').length == 0){
      $(this).find('h2').hide();
  	}
    
  }); 
  });

1) As gallery is not in fact real gallery (main image cannot be 'switched'), is it some way to use some plugin for it?
==> The code that view's uses was wrong it has wrong quotes. I've adjusted that and now I can see gallery is working.
=> hidden link

[click on thumbnails available under section "Galería de fotos - direct code"]

[Ljuba]

I don't think that you understand problems what I have (maybe my poor English).

Problem is that Views display fields of ALL SITES in particular site.

1) You can see (all ikages, but see 001) that 'gallery' what you 'fixed' is 'gallery' of 'Playa de Cabo Pasado' (2 thumbnails), but there are still (wrong, full size, displayed images also from 'Playa de Canoa' - 6 BIG images).

2) Same is with 'Tipo de sitio' field group (there are ALL SIX SITES listed). It is not just to hide Title of the section.

3) Images 002, 003 and 004 (3 different sites) shows the SAME CONTENT. 'Funny' part is that image 004 should to be EMPTY as site is without ANY FILLED FIELD. 'Playa de Canoa' should to have ONLY 6 images (and not BIG, full size) and 'Playa de Cabo Pasado' should to have ONLY two images.

4) If you 'fixed' code in Gallery View code, than both 'sites' with images should to have thumbnails (not full size images), or I'm wrong? And one more time, there is no clear what you 'fixed' exactly, as yudidn't write it (so, how to follow you???).

5) Equally, for 'Tipo de sitio' you did something in Elementor (direct coding), instead in View, as issue is that Views are not displayed properly. However, that was obviously wrong, as for post didn't appear ANY FILED and/or TITLE, despite that 'site' contain filled fields (Playa costera ....). For such reason, I 'reduced' Elementor Template just on two filed groups Views. For example you should to compare front 'sites posts views' of one of two beaches (Playa de Canoa and Playa de Cabo Pasado - with filled fields) and (ie) 'Parque de Canoa' as it is EMPTY (without any filled field).

[Minesh]

1) You can see (all ikages, but see 001) that 'gallery' what you 'fixed' is 'gallery' of 'Playa de Cabo Pasado' (2 thumbnails), but there are still (wrong, full size, displayed images also from 'Playa de Canoa' - 6 BIG images).
==> There is some incompatibility while rendering the view. What I've done is I've created a new content template and inside that I've added the [wpv-for-each] shortcode. As you can see with following URL:
=> hidden link

Then I've added the content template to elementor's shortcode box:

[wpv-post-body view_template="display-images"]

I see it's displaying correct images now.

2) Same is with 'Tipo de sitio' field group (there are ALL SIX SITES listed). It is not just to hide Title of the section.
==> I already explain you that you need to adjust jQuery code as per your HTML. If you do not know how to code jquery - please contact our certified partners.

3) Images 002, 003 and 004 (3 different sites) shows the SAME CONTENT. 'Funny' part is that image 004 should to be EMPTY as site is without ANY FILLED FIELD. 'Playa de Canoa' should to have ONLY 6 images (and not BIG, full size) and 'Playa de Cabo Pasado' should to have ONLY two images.
==> I can see for both posts correct images.

4) If you 'fixed' code in Gallery View code, than both 'sites' with images should to have thumbnails (not full size images), or I'm wrong? And one more time, there is no clear what you 'fixed' exactly, as yudidn't write it (so, how to follow you???).
==> both posts have now thumbnails.

5) Equally, for 'Tipo de sitio' you did something in Elementor (direct coding), instead in View, as issue is that Views are not displayed properly. However, that was obviously wrong, as for post didn't appear ANY FILED and/or TITLE, despite that 'site' contain filled fields (Playa costera ....). For such reason, I 'reduced' Elementor Template just on two filed groups Views. For example you should to compare front 'sites posts views' of one of two beaches (Playa de Canoa and Playa de Cabo Pasado - with filled fields) and (ie) 'Parque de Canoa' as it is EMPTY (without any filled field).
==> You should try to use content template instead of views.

[Minesh]

Also - I've activated the checkboxes as shown with the following image:
=> hidden link

Above settings are available at:
=> Toolset => Settings => Custom Content Tab
=> Where under section "Images": - I've activated both checkboxes.

Those images were showing as big image because those images uploaded from remote URL - For example:
=> hidden link

That is why above settings needed to activate and I already done that on your install.

[Ljuba]

Thank you for solving the issues.

Actually, key is that Views should not to be used, rather Templates. I did the same as you did for Gallery also for Tipo de sitio Field Group and applied your first code from other topic and now it works well. Gallery (Lightbox) itself is also well fixed by you.

You can see at hidden link that by your (modified) code I successfully hided also Elementor Section when there is no 'active fields' as in (ie) hidden link.

I hope so that you understand that this ticket was important (at least for me) as you proved with (all 3) 'complex Toolset fields' (maps, gallery and entire Field Group') that Elementor Template (shortcode) can be used for Single Post Template and Elementor itself offer many other advantages for users with 'lower coding skills'. However, not by Views, as you found other (working) solution at the end - (Content) Template within (Elementor) Template within (Content) Template.

However, you should to decide, should we keep this ticket, or I should open other ticket, as still something not working well in your code from other (closed topic - 'Conditiona; View'). There are two issues about it:

1) If I follow https://toolset.com/forums/topic/show-field-label-2/ and add <class>Label:</class> [shortcode], it will be displayed as it should not to be (vs your code).
2) If I use show_name='true' (like now), I can't figure how to styling Label and vs Beda in above post, I can't do it.

So, maybe you can find some more 'universal' solution for your code (instead of 'p')? Example, you can see that on post hidden link, Gallery Elementor Section is showing, despite ther is no 'active Toolset field' (I know how to do it by your code in way of 'case by case' - here I ask for more 'universal solution' as it affect also Label appearance and styling).

[Minesh]

Glad to know that your image and gallery issue is resolved now. Please kindly open a new ticket for your each new question.

This will help other users searching on the forum.

[Ljuba]

As I wrote, thank you a lot, for help. I will open another ticket.