[Resolved] Styling issue within view loop

[Author]

Posts

[geoffreyC]

Tell us what you are trying to do?
In a view loop, I try to display a clickable container with image background and two styled custom fields (name and city). Below that container and still in the loop, a post title and a price tag.

I followed the below post and wrapped the container within tag.
Although the link works, the styling in the container randomly works (background image doesn't display, styling of name and city doesn't work) and I don't find a solution.
I could mainly see the styling issue after a page reload or some changes to the website.
I attached two screen shots for better understanding.

Is there any documentation that you are following?
https://toolset.com/forums/topic/unable-to-insert-a-dynamic-link-in-the-block-editor-for-views/#post-1443831

What is the link to your site?
hidden link

[Jamal]

Hello and thank you for contacting the Toolset support.

To better assist you with this issue, I think, I'll need to check how the view is built and see on the frontend these issues. That way, I can debug it a bit and hopefully find out what's going on. If you would agree, your next reply will be private to let you share credentials safely. ** Make a database backup before sharing credentials. **

[Jamal]

Thank you for the credentials.

I disabled all plugins and switched to the 2020 theme and the issue persists. Randomly, we can get the image, then we can't any longer.
I thought that the issue came probably from the solution of wrapping the container block inside HTML blocks to have the link, or from reusable blocks, so I tested with a new page and a new view, and the issue was reproduced there again.

To further investigate this issue, I would like to take a copy of your website and debug it locally, would you agree if I install the Duplicator plugin and take a copy?

[geoffreyC]

Hi Jamal,

Yes sure, please proceed.

[Jamal]

Thank you. I just want to let you know, that I am still working on this issue. I was not able to find the origin of this issue, so, I am approaching our 2nd Tier for assistance. I'll get back to you as soon as we find something.

[geoffreyC]

Ok, thanks Jamal.

[Jamal]

Our 2nd Tier was not able to reproduce this issue on his environment, so he can't really debug, why this is happening.
He thinks that the issue might be because of the character encoding on your server. And he suggested images that do not have special characters on the name such as (é and â).

Please try to change the images on the current posts(especially those returned by the view) to use images without special characters on the name and let us know if it will fix the issue for you.

The 2nd Tier has escalated this to our developers and they will work on it to find out the real origin of the issue.

Please, let us know what you will get.

[geoffreyC]

Hi Jamal,
I did replace the image name special characters but the issue persists, I am afraid.
I'll wait for developers reply.

[Jamal]

Thank you for your feedback. I am escalating this to our 2nd Tier and I'll get back to you as soon as possible.

[Jamal]

Hello and our apologies for the late reply. The developers have closed the internal ticket about this issue because they were not able to reproduce it with the provided copy of the website.

I assume that it was not reproducible because the issue was somehow fixed in the updates that followed. So, I would like to get back to you and check if you have been able to update Toolset plugins. And if you still encounter this issue with these versions.

[geoffreyC]

Hi Jamal,
I custom coded the container 4 month ago, not very convenient but it did the job.
I saw the update with this new functionality, that's good news.
I didn't change anything yet, as I have a working page already but next time for sure.
I also had to crash the staging site I provided you with as I had to move on with new tests on a new one, maybe that's why they couldn't reproduce it 🙂