primo19962025/tankwizard-3000-fluid-configurator-pro

when you go to drag each letter it should create a new floating letter that you can drag and position onto the image of the tank where appropriate this is how the customer will mark on where they require each connection

make it so when you drag a letter from the connection positions, the image of the tank turns solid and then you can place the letters over the top to mark up the image where each letter needs to go these can land and be able to be positioned anywhere within drag block

change these to a - inlet b- lid vent d - overflow e - warning pipe j - level sensor f1 - outlet g - drain f2, f3 f4 can be additional connections

make it so when you drag a letter onto the block the image becomes clear, and then the letter can be placed ontop to show where the customer requires the connection

when you drag these letters onto the the tank image, the image should become clear and you should be able to mark up and land each letter ontop of the tank image to show where the connections are required

when the letter is being dragged from the previous block, the image should go clear and the use should be able to drop the letter onto the image of the tank, this will be used to mark the positions

when you drag the letters from available connections, the image in this block should become clear and not ghosted, this letter can then land where the user drags it, this is how the customer will mark up the tank with the positions they require

make the letters draggable when from there onto the position connections image, they should then be a small letter appear on the tank which can be dragged around and positioned accordingly on the image

when i drag them onto the tank image they should follow the mouse and turn into a small icon which represents each letter, this icon then should land on the image where the user has dragged it, this action should also cause the image to go from ghosted to solid, and then there should be an option to confirm and save positions once they have been dragged

the customer should be able to drag the available connections from the available connections section and then overlay them onto the picture on position connections photos, this should come up as a A for inlet D for overflows F1 for outlet and G for drain, i should then be able to drag and that letter will be placed in a editable way on the image so i can precisely show the location is want it, this will then also change the image from ghosted to clear, and have the corresponding letters marked on in the places where they are dropped

make these sub block float when dragged, just to give the impression that you wil be able to drag each connection position into the image of the tank

remove this image

make the ghosted image in the background fill the whole box up to the dotted line

please ghost this image behind the "drag connections onto the tank box, this will give the appearance that the image is interactive and able to marked up by the user

use this image as the logo image please

make the connections float when you select and grab them to move around

make the connection options float when you grab them to drag to the connection postions

use this as the logo on the top of the page

this is the logo

this is the png i want to use as the tank.png

attached is the .PNG that i want as the logo

generate placeholder logo

how do i upload the logo file

here is the logo.png file

Upload 1 media file(s)

this is the file for the logo

Upload 1 media file(s)

here is the tank png

Upload 1 media file(s)

use the attached image to generate a similar logo for the top left of the page

please use the attached image as the logo in the top left of the page

looks great now these are the images i want you to use, the screenshot is the imagine i want you to use for the logo, and the imagine saved as "tank" is what i want to see ghosted into position connections behind the "drag connections onto tank" box, this image being ghosted behind will give the impression that it is a interactive model that can have these things dragged into. i just need it to show this as a conecept of how this area of the site will run.

looks great so far, for the logo i have attached a screenshot i would like you to use, for the positions connections portion i like how it is laid out, can you just ghost the image i have attached "tank" this can be ghosted in the back to make it look like its an interactive model where you will drop the tank positions onto, also add a section where the customer can add their contact details or job reference number

Upload 1 media file(s)

Upload 1 media file(s)

can you show images and branding so i have an example to present what this area of the website would look like, also add and option for "un-insulated pad area" to be a connection and also add an area for further comments

initial commit