Feature Requests

Share Your Ideas, Shape the Future!

Request to implement an option to restrict image movement in the upload area

Currently, when a customer uploads an image with the "cover" option, the image is resized to completely cover the upload area, but the user can move the image freely. This can lead to situations where the edges of the image move inside the upload area, resulting in unwanted empty spaces. The desired functionality would be as follows: Restrict Movement Based on Orientation: Horizontal Upload Area / Vertical Image: The user should be able to move the image only on the vertical axis (up and down), ensuring that the image’s width always fully covers the upload area. Vertical Upload Area / Horizontal Image: The user should be able to move the image only on the horizontal axis (left and right), ensuring that the image’s height always fully covers the upload area. An example can be seen on this site: https://uwalls.ro/artdraw?step-01 Full Zoom Movement Permission: Even when the user zooms in on the image, they should be able to move it freely in both directions. However, there must be a restriction so that no edge of the image goes inside the empty upload area, keeping the area completely covered. Enableable Option: I suggest that this functionality be implemented as an enableable option (e.g., restrictImageMovement), so that it can be activated based on the store’s needs. I attempted to implement these changes in the minified code of the plugin myself, but was unsuccessful due to the complexity of the logic and the way image manipulation is handled by Fabric.js. Could you please review this request and let me know if it would be possible to integrate this option into the Fancy Product Designer plugin? Any additional information or suggestions on how this could be implemented would be greatly appreciated. Thank you in advance for your support.

V.I 3 days ago

Feature Request