screenshot as product pic

This topic has 24 replies, 4 voices, and was last updated 4 years, 2 months ago by Yuri Kovelenov.

Viewing 15 posts - 1 through 15 (of 25 total)

1 2 →

Author

Posts
2020-07-27 at 9:34 pm #30727

swatchyb
Customer

Hi Vergers,
Was hoping to find a way at the end of user working in my configurator, to take a screenshot of the product and save it on the server to be used as a visual record of the item on the order, similar to those that have mentioned putting it on a pdf.
After one of Yuri’s posts, searching the forum for “headless”, it looks like this approach could do the job (server sided), but sounds above my abilities.
So, the question is, is there a plan to put this kind of feature into a puzzle?, or is that somehow doable already, using the “take screenshot” puzzle (which works great) in some way?
Many thanks!

2020-07-28 at 12:03 pm #30777

Yuri Kovelenov
Staff

Hi,

please check out the demo called Custom Image. In this demo, a picture uploaded by the user is saved on the server using Verge3D WordPress plugin.

You might modify it a bit to save screenshots rather than uploaded images.

Chief 3D Verger | LinkedIn | Twitter

2020-07-29 at 3:56 am #30814

swatchyb
Customer

Thanks Yuri, good idea – shoulda thought of that.
In taking a quick look, am I on the right track with the attached?, and what hints can you give for naming the images file (e.g. like the prod_id from the server, getting that value the parent (see floating puzzle).
Many thanks!

2020-07-30 at 12:43 pm #30931

Alexander Kovelenov
Staff

Hi,
It’s up to you how to name the file, the most important thing is to get the data link returned by the server (see the loaded data puzzle in the Custom Image example) and save it somewhere. In the example, it is saved in the image_url parameter of the current page URL. You, however, may store it in the database or send it to user email, etc.

Soft8Soft Tech Chief
X | FB | LinkedIn

2020-07-31 at 4:48 am #30948

swatchyb
Customer

Thanks Alexander,
Not sure I get how to get it to save to the server (the path is specified in the puzzle) vs downloading to the client, or the loaded data puzzle functionality. Attached is where I am at, can you tell me what pieces are missing?
Thanks for the clues. You would be surprised how far I have gotten given that I am not a developer at all
Thanks again

2020-07-31 at 12:56 pm #31001

Alexander Kovelenov
Staff

I see where is the hurdle. Path to the send data puzzle is not the file name! It’s a server URL that accepts these files. It looks like:

https://sandbox.soft8soft.com/wp-json/verge3d/v1/upload_file/

Where sandbox.soft8soft.com should be replaced by your own server name.

And this URL stays so notwithstanding your file name. Read more about WordPress uploading service here.

Soft8Soft Tech Chief
X | FB | LinkedIn

2020-08-16 at 5:18 pm #31615

swatchyb
Customer

Hi Yuri,
I created that path replacing the server name and using the attached puzzle, but with no luck. Not using WP, but doubt that has anything to do with it. Also hadn’t connected the set link puzzle since I hadn’t gotten that far. Also attached are the Network and Console snips.
Any hints?
Many thanks!

2020-08-17 at 4:46 am #31631

Yuri Kovelenov
Staff

Hi,

this feature requires a server-side backend to work. If you are not using Verge3D’s WordPress plugin, what server-side solution are you using instead?

Chief 3D Verger | LinkedIn | Twitter

2020-08-18 at 1:34 am #31663

swatchyb
Customer

Hi Yuri,
Using a pretty standard set up PHP/Linux on a cloud service. Have built a crm web-app using bootstrap/css/mysql stuff, and with v3d as the fun part. Everything else is working well (including v3d :), and this may be my last technical challenge before soft launch. Thanks in advance for your help.

2020-08-18 at 4:55 am #31672

Yuri Kovelenov
Staff

Got it. So are you receiving on the server the contents of the post request which are sent by the send data puzzle? If you put some text there instead of the screenshot, will your server receive it?

Chief 3D Verger | LinkedIn | Twitter

2020-08-19 at 2:35 am #31707

swatchyb
Customer

Hi Yuri,
Don’t think it returns anything, but then I am not offering a name either. Attached is the simple puzzle I tried, and the response was:

<!DOCTYPE HTML PUBLIC “-//IETF//DTD HTML 2.0//EN”>
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
<p>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>

In a perfect world, there would be a puzzle that went something like:
SEND DATA / +take a screen shot/ TO / +”server path”/ AS ELEMENT/ +”file_name_field” (in parent doc option)

I see you have the idea there for WP, both in what you suggested before, and in your e-commerce/ place order/ make a screen shot puzzle. so it is like that, but not tied to WP. Very useful for customer order history of configured products!

Thanks for your help.

2020-08-19 at 6:55 am #31713

Yuri Kovelenov
Staff

So it returns a 404 error, which may mean that the POST request could not reach your server-side script. The reasons may be that the path is not correct, or the server is not configured to run the script.

Chief 3D Verger | LinkedIn | Twitter

2020-09-16 at 1:28 pm #32939

shruthy
Participant

HI,
I need to take screenshot and save in the local folder i.e., inside application folder – > some folder. Is there a way to do it without using server side url?

Thanks,
Shruthy. B

2020-09-16 at 2:54 pm #32950

swatchyb
Customer

Just to add, my project is stalled on this important feature (auto-saving the screen shot to the server without WordPress). Hoping this might be something on the roadmap for an enhanced puzzle, Yuri
thanks!

2020-09-17 at 7:26 am #32962

Yuri Kovelenov
Staff

Hi,

shruthy wrote:

I need to take screenshot and save in the local folder i.e., inside application folder – > some folder. Is there a way to do it without using server side url?

Due to security reasons, web applications that work in the browser are not allowed to access the local file system. The only way is prompt a user dialog for saving a file. Otherwise you need to use some server-side script.

Chief 3D Verger | LinkedIn | Twitter
Author

Posts