[Resolved] Various unexpected behaviors

[Author]

Posts

[konstantinosM]

I am trying to create a filterable photo gallery.
I am using Toolset Blocks, Toolset Types and Toolset Forms.
I have created the homepage with WP editor (blocks) and I have a Toolset view.
Here are my issues:
1) After applying and removing filters on the front end, the photos show on top of each other. To replicate: Visit the homepage (link and password provided below), select "medium" in the middle filter and then select the placeholder "κουρεμα" in the same filter.
2) The option "Views" in the Toolset menu on the back end come and go without reason. Sometimes it is there, sometimes it is not.
3) At some point I had a custom field (checkboxes) and then I tried to remove it and add another (select). I went to Toolset > Custom Fields > Edit and the checkboxes field was not there. So, I just added the other one I needed. Then I tried to create a view and the new filter was not there, but the old one (checkboxes) was. Then I tried again to visit Toolset > Custom Fields > Edit and I am redirected at an error page "not available". At this time, I visited Toolset > Dashboard and then selected the custom field group from there. It worked normally, but it still included the old field (checkboxes) but not the new I added (select). I removed the old field and recreated the new there, and only then I was able to see my new field in the view. I still get an error if I try to go to Toolset > Custom Fields > Edit. I have cleared the cache several times.
4) In the first select filter on my view, one option (Κινηματογραφος & TV) is missing, although there are 2 custom posts displayed below which have it as a custom field.
5) The Toolset "Social Share" block does not include instagram!
6) While applying filters (from another browser that I am not logged in as admin) the url becomes hidden link and when I reload the page I get a blank white page with a zero on the top left...
7) On mobile, the photos are so small that they are almost invisible (it keeps the masonry style, it is not responsive) and the photos fall over the footer.

What is the link to your site?
You may see the work in progress at hidden link (The front end is password protected: Username: staging Password: kostas124)

[Luo Yang]

Hello,

I have checked the URL you mentioned above:
hidden link

I see some JS errors in my Chrome browser console window, for example:

wp-util.min.js:2 Uncaught ReferenceError: _ is not defined
at wp-util.min.js:2
at wp-util.min.js:2
(anonymous) @ wp-util.min.js:2
(anonymous) @ wp-util.min.js:2
backbone.min.js:2 Uncaught TypeError: Cannot read property 'extend' of undefined
at backbone.min.js:2
at backbone.min.js:2
at backbone.min.js:2
(anonymous) @ backbone.min.js:2
(anonymous) @ backbone.min.js:2
(anonymous) @ backbone.min.js:2
wp-playlist.min.js:1 Uncaught ReferenceError: _ is not defined
at wp-playlist.min.js:1
(anonymous) @ wp-playlist.min.js:1

It is abnormal, please check these in your website:
1) Make sure you are using the latest version of Toolset plugins, you can download them here:
https://toolset.com/account/downloads/

2) In case it is a compatibility problem, please deactivate all other plugins, and switch to wordpress default theme 2020, deactivate all custom PHP/JS code snippets, and test again

3) Also check if there is any PHP/JS error in your website:
https://toolset.com/documentation/programmer-reference/debugging-sites-built-with-toolset/

4) If the problem still persists, please provide database dump file(ZIP file) of your website, you can put the package files in your own google drive disk, share the link only, also point out the problem page URL and view URL, I need to test and debug it in my localhost, thanks
https://toolset.com/faq/provide-supporters-copy-site/

[Luo Yang]

The duplicator package you provided above is not valid, it displays 404 error.

And the credentials you provided is valid, so I am downloading the package files from your website directly, will update here if find anything.

[konstantinosM]

Thanks Luo

[Luo Yang]

According to our support policy, we prefer one ticket one question:
https://toolset.com/toolset-support-policy/

Lets handles the questions one by one,

I have tried it in your website again, create a simple page + simple view block here:
hidden link

I don't see the problem 1) and 4), can you try to duplicate the same problem in above page, then provide the clue for reproduce the same problem? thanks

Q2) I have checked it in your website, I can see "Views" menu item without any problem, see my screenshot: views

Q3) I assume we are talking about this URL of your website:
hidden link

But the problem does not exist in my localhost(fresh WP installation + only Toolset plugins + 2020 theme), so it should be a compatibility issue, please try as I mentioned above:

In case it is a compatibility problem, please deactivate all other plugins, and switch to wordpress default theme 2020, deactivate all custom PHP/JS code snippets, and test again

Q6) Same as Q3), there isn't the same problem in my localhost, see my screenshot filters.JPG, please check compatibility issue
And there isn't any JS errors in my localhost

Q7) Please edit the problem page, find and select View loop block, in section "Masonry Settings", choose mobile, and set the column value to 1, see screenshot mobile.JPG

[Luo Yang]

And my localhost, I can edit the custom field group "Photo Categories", in the select field "Κούρεμα", you are using some special characters in option value, this will conducts some unexpected result in admin side or front-end, please change the option value to simple values, for example, option Μόδα, value 1, see my screenshot select-values.JPG

Then edit each photo post, setup the field "Κούρεμα" values, and test again

[konstantinosM]

Maybe you did not understand.
My problem is with photos and masonry.
In the page you created, if you add the photos (and not only the titles as you did) and select masonry, the problem is still there.
Regarding your other replies that you say that there is a compatibility issue, I had already tried to deactivate all plugins and changed theme to twenty twenty before contacting support. So, if there is no some strange caching issue from toolset, there is no compatibility issues.
You already have credentials, please provide support.

[Luo Yang]

Thanks for the details.

In the page you created, if you add the photos (and not only the titles as you did) and select masonry, the problem is still there.
I can duplicate the same problem with masonry grid layout, it is a known issue, which is fixed in next version of Toolset Blocks plugin, but I am not sure when it be released, I will continue to update the ticket here as I receive additional information about the timeline for delivery.

Currently, you can edit that view block, add submit button + disable option "Full page refresh when clicking Submit", see screenshot disable-AJAX.jpg
hidden link

For other issues, since your website is using 11 plugins, if you need assistance to locate the problem, please backup your website first, then update here, I need your permission to deactivate plugins/theme in your website.

[konstantinosM]

It is a staging environment, you may try anything there.

[Luo Yang]

The custom field groups issue still persist in your website, can you share the PHP debug logs?
https://toolset.com/documentation/programmer-reference/debugging-sites-built-with-toolset/
If you need assistance to get the PHP debug logs, please provide the FTP access in below private message box, thanks

[konstantinosM]

The error_log.txt is empty.
At this point I see that you have deactivated all plugins and switched to theme twenty twenty.
So, I guess there is no compatibility issue.
I can't provide ftp access, but you already have admin access to WP and also the whole website's files.
Now, there are three major problems:
1) The photos fall on top of each other when you select and then deselect filters.
2) When you select an option from the first filter and then try to make another selection, only the placeholder is available and even if you select it, it actually does nothing.
3) When filters applied, the url generated is such, that if you try to refresh the page it redirects to en error page (0)

[Luo Yang]

There should be other server/compatibility issue in your website, please have a look at the screenshot I provided above:
https://toolset.com/wp-content/uploads/2020/07/1719299-select_values.jpg
In my localhost, with your duplicator package, after deactivate plugins/theme, I can edit the custom field group without any problem. see the screenshot from my localhost kons.JPG
Without FTP access, I can not get the PHP debug logs.

Q1) The photos fall on top of each other when you select and then deselect filters.
I have already setup a demo in your website with the steps I mentioned above:
add submit button + enable option "Full page refresh when clicking Submit"
see demo here:
hidden link
select and then deselect filters, click the submit button, it works fine.

I suggest you create a new page and new view block, and try to duplicate the problem again.

Q2) You can disable option "Show only filter options that would produce results", this should be able to output all options even they do not have any search result

Q3) Please check the demo in your own website, it works fine, I don't see the problem, the problem might due to broken view in your original page, do you have any clue to reproduce the same problem, thanks