Skip Navigation

[Resolved] Split: Gallery images losing size and styles

This thread is resolved. Here is a description of the problem and solution.

Problem:
The customer reported that the image sizes and styles are lost when using the Toolset's gallery and the image slider block.

Solution:
Guided that if a view needs to be called through the view's shortcode, it is better to create the view using the classic/legacy editor and use the block editor to design the loop item content template.

This way any styles coming from the blocks editor won't be lost.

Relevant Documentation:
n/a

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 7 replies, has 2 voices.

Last updated by danC-5 2 months, 1 week ago.

Assigned support staff: Waqar.

Author
Posts
#2420499

Thank you, again I knew I was missing something.

However another issue has come up now. For some reason anytime I have an image or a slider gallery in the template, if I run it through this short code every image scales up to the entire page. This is causing issues now because my column setup is being thrown off. The images are going off the canvas and I can't even scroll side to side to see them and the gallery images don't even render on the page. Has anyone had a similar issue in the past using this technique and having their images throw everything off?

I can view all other templates fine and the sorting issue works perfectly, but it's causing this visual error which makes 1 of my pages almost unusable.

Image 1 is what the normal page looks like with the template not sorting through the short code. The other one is what it renders out as when it is. And it's just the images, the text blocks and everything else works just fine.

#2420515

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

To troubleshoot this, I'll need to see how this view and the template are set up in the admin area.

Can you please share temporary admin login details, along with the link to this affected page?

Note: Your next reply will be private and making a complete backup copy is recommended before sharing the access details.

regards,
Waqar

#2421581

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thank you for sharing these access details.

Because the view "User Overview" is created using the blocks-based editor, when it is called using a view's shortcode, not all its styles are loaded on the new page.

To overcome this limitation, you can re-create the "User Overview" view using the classic/legacy view editor. The loop item content template of the view can still be designed using the blocks-based editor. And when you'll call this view's shortcode, its styles won't be lost.

You'll find the documentation on using the classic/legacy view's editor, at:
https://toolset.com/documentation/legacy-features/views-plugin/

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

#2421673

Thanks for getting back to me on this.

The Legacy view editor was what our client was using for the past 5 years and with this update/upgrade we are trying to move them away from that as much as possible. The previous person who set up their site made it so that for every client we needed to create a brand new view/loop/template system for them which became a lot more work in the long run and there were several files being made which bogged down his site.

I'm trying to avoid any duplicate file structure that I can and have it be auto generated whenever a new client is made so that it's as easy for them to use as possible. Going back to the legacy setup am I going to need to create a new view/loop template for each client again?

I was looking more into the inspector and it looked like the only setting that was being blown out of proportion was the image gallery by almost 300%. I have a looping image setup on the Programs and Plans page using the legacy setup for this one instance to show them in a list view. Is something like this setup possible but instead, run it through an image gallery?

#2421691

I just created a new legacy view editor following the Image Slider documentation and am still running into the same issue here. Is there a setting that prevents the scaling of the images when placed int the slider? Or just defaults them to a certain size?

#2421701

For the time being I've simply changed it from a slider to a gallery. The gallery works just fine even through the loop. I'm hoping there is a fix or a bug to put into the slider when calling it through that loop system you helped me setup previously because that's the only thing that isn't working correctly.

#2422553

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thanks for writing back.

> Going back to the legacy setup am I going to need to create a new view/loop template for each client again?

- No you won't have to create a new view for each client and the same way will automatically be linked to the client/user's allowed project field.

> I just created a new legacy view editor following the Image Slider documentation and am still running into the same issue here. Is there a setting that prevents the scaling of the images when placed int the slider? Or just defaults them to a certain size?

- To clear both these points, I've created a new test view "Example classic view from TS Support" that uses the classic/legacy view editor, but uses the block editor for the loop item template "Loop item in Example classic view from TS Support".

I've also included an "Image Slider" block in this content template and it is not showing any image size or styling issue.

You can see it used on the page named "Test Page for view from TS Support" at /test-page-for-view-from-ts-support/.

#2422619

This works perfectly now. I'm not sure what I was doing wrong. The test setup you created looks almost identical to the one I was making. Thank you very much for getting this working for me!

My issue is resolved now. Thank you!