Templates Plugins Courses

Any Image compressor Plugin for Bubble

Hello

I got the problem about set up Any Image compressor Plugin for Bubble.

I try to upload the image and preview, but it doesn’t work.
Is there any mistake?
Let me know how to resolve this.


Thanks

Hello @Masumi,
Thanks for reaching out!

Can you please share more details about your setup? Have you tried to copy from our Demo or you were applying your own logic? If you can provide a couple of screenshots or a video, it will help me to get a full picture of your issue.

Looking forward to your reply. :slightly_smiling_face:

Best,
Gulce

Hello @gulce.besel
Thank you for your response.

Yes, I copied setup from your Demo.
But, Your Demo and actual app is not equal.
So, I tried to resolve the logic from your Demo and reproduce on my app.

I set up below.
For upload the image and preview.

  1. set the ‘IMGCompressor-Uploader A’ ‘IMGCompressor-Preview A’ 'IMGCompressor-CompressedImage A’on the page.
  2. set the below.
    ‘IMGCompressor-Preview A’ : images ‘IMGCompressor-Uploader A’s files’.
    ‘IMGCompressor-CompressedImage A’ : ‘???’
    3.set the below on workflow.
    when ‘IMGCompressor-Uploader A Change’ : ‘get files IMGCompressor-Uploader A’
    Button compress is clicked ‘compress IMGCompressor-CompressedImage A’

In this set, preview is showed.
But, the compress image is now shown.
Let me know how to proceed.

Thank you.

Hello @Masumi,

I suppose it might be about the custom states, so please make sure you have created the custom states correctly. Here is an example from our demo:

In case the issue still persists, please add our support@zeroqode.com email as a collaborator of your app (disregard the warning, our email can be added to the collaborator list even if your app is on the Free plan). And please let me know the page name where the issue is found.

This will allow us to identify any possible cause much faster.

Thanks!

Hello, @gulce.besel

Thank you for your reply.
I invite the e-mail as a collaborator.
Please check my page ‘photo_compress’

Thank you.

@Masumi Thank you for providing access.

I’ve checked your app and here is the result:

The first problem was with the “compressed_return” custom state which was not created. Here:

Also, the compress button was not working properly due to the lack of file transfers provided using “do when condition is true” actions.

Please check our test page (testzeroqode) and use it as a reference.

In case you have any other questions, please let me know. :slightly_smiling_face:

Best,
Gulce

Thank you @gulce.besel !

I pore through the Demo, but I have some question.

In this Demo, element ‘IMGCompressor-Compressed’ shows 'IMGCompressor-Compressed’s compressed return’.

But, in the workflow, there is no action about ‘IMGCompressor-Compressed’s compressed return’, but other set states.

So,
For showing compressed image(with the element ‘IMGCompressor-CompressedImage A’), how should I set?(Preview is showing now.)

Thank you.

Hi @Masumi,
You’re always welcome!

In order to show the compressed image, you need to set the actions I mentioned above. As for the “compressed_return” custom state, this is for you to preview the compressed image in the plugin element, that’s why there is no action as ‘IMGCompressor-Compressed’s compressed return’. We trigger this with “do when condition is true” events.

I have created a test page (testzeroqode) in your app in accordance with your use case. Here:

So, please take a look at our test page in your app and let me know how it’s going.

Hope it helps. :slightly_smiling_face:

Hello, @gulce.besel

Thank you for your quick response and I’m sorry asking you again and again.
Little by little, I understand the logic of this app.

Another question, when I want to create(or update to add) the compressed images, how should I do?
I tried to create the compressed image DB, but it doesn’t work.

Thank you.

Always happy to help :slightly_smiling_face: @Masumi

As I understand, you want to save the compressed image to the database.

If yes, you need to create a new field in your database where you will save the compressed image.
And, in order to save the image, you need to use the “create new thing” action in the “Do when IMGCompressor-Compressed’s compressed: count > 0” event.

Here is a short video showing the action needed for this: Loom | Free Screen & Video Recording Software

In case you meant anything else, let me know.

Best,
Gulce

Hello, @gulce.besel !!

Thank you for your great support!
This is so helpful for me!

The case that user upload images manually is resolved.
But, when the image of database can be compressed?
For example, Field ‘image non-compressed’ can be compressed and saved as filed ‘image compressed’.
This means that I want to compress the image not through the ‘image uploader’.

Thank you.

Hi @Masumi
Sorry for the late reply. :pray:t2:

I would like to ask you to share a bit more details about your question to help me better understand your goal and be able to provide proper feedback on it. :slightly_smiling_face:

Hope to hear from you soon!