Accuracy of design library/component thumbnails

Fixed Bugs
1

I meant to bring this up previously, but it’s probably even more important now that we have components.

I find that my design library and component thumbnails rarely look like they do on the page. I haven’t had a chance to pinpoint the exact issue, but in three instances I can see it’s either:

  1. not incorporating the relative style on a section
  2. not incorporating section padding I have set in a global stylesheet
  3. either not incorporating the external class or the CSS in the global stylesheet again

CleanShot 2023-09-14 at 11.06.10@2x
CleanShot 2023-09-14 at 11.06.10@2x744×438 25.6 KB

I think it’d be worth the attention to having these thumbnails become a closer match (if possible).

Thanks!

2

Hello @sunny,

Thanks for bringing this up.

Have you given the 1.3 release of Components a try yet?
This is exactly what we tried doing, as we now generate (when you click the image generation) a singular snapshot of the Component in its current window positioning. This means that width, height etc… will all be based on your current view of the Component.

1 Like
3

Hmm. I noticed one of the sections actually saved more accurately, but two others that I have tried did not:

CleanShot 2023-09-14 at 13.24.22@2x
CleanShot 2023-09-14 at 13.24.22@2x594×516 25.7 KB

Here are what the sections look like:

CleanShot 2023-09-14 at 13.26.52
CleanShot 2023-09-14 at 13.26.521662×842 69.8 KB

CleanShot 2023-09-14 at 13.27.27
CleanShot 2023-09-14 at 13.27.271604×920 161 KB

Happy to provide a login if needed.

I do think this also accentuates the need for a larger view of componenets/design library items (Full Page Model for Display of Design Library Contents - #3 by sunny) so it’s easier to see what they look like.

4

Hi there @sunny,

Thanks for sharing this.
Indeed, this isn’t ideal… Might I ask if you’re generating these when in the Post Editor or Site Editor?

Cheers,

5

Those were in the Post Editor. I just tried in the Site Editor… and it’s much better, if not perfect!

(I did notice though that nested components don’t have their screenshot taken).

6

Hi,

We have fixed this issue in 1.3.0.2. Component preview generation should be a lot more faithful whether on the Post Editor or Site Editor.

Please let us know if you are still experiencing issues once updated.

Best regards,
Johnny

1 Like