# US 10,515,137 B1 · Systems and methods of providing enhanced product visualization on a graphical display > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 10,515,137 B1 - Document ID: US10515137B1 - Status: Granted - Kind: B1 - Application number: 14/823,159 - Filed: 2015-08-11 - Granted: 2019-12-24 - Earliest claimed: 2014-08-11 - Assignees: Loop Commerce, Inc. - Applicants: Loop Commerce, Inc. - Inventors: Alex Sirota; Maya Lotan; Guy Dahan; Eduardo Fuhrken - Web page: https://patentgrep.com/patent/US10515137B1 ## CPC - G06T 11/60: Creating or editing images; Combining images with text - G06F 40/106: Display of layout of documents; Previewing - G06F 40/14: Tree-structured documents (parsing G06F40/205; validation G06F40/226) - G06F 40/143: Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD] - G06T: IMAGE DATA PROCESSING OR GENERATION, IN GENERAL - G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N) ## Abstract Systems and methods of providing enhanced product visualization on a graphical display include generating a visual frame having a first set of frame dimensions and comprising an inner border and an outer border; receiving a selection of a graphical object to be displayed at least within the outer border of the visual frame on the graphical display; identifying a set of object dimensions of the graphical object; determining an appropriate proportion between the set of frame dimensions and the set of object dimensions such that the graphical object is displayable at least within the outer border of the visual frame on the graphical display; manipulating the set of frame dimensions and/or the set of object dimensions such that the graphical object is displayable within the outer border of the visual frame; and displaying the graphical object at least within the outer border of the visual frame. ## Claims ### Claim 1 A computer-implemented method, comprising: receiving, by one or more processors, input corresponding to a selection of a two-dimensional object, wherein the two-dimensional object is associated with a shape, and wherein the two-dimensional object includes a non-editable graphic; determining a set of object dimensions for the two-dimensional object; determining, based on the set of object dimensions for the two-dimensional object, a visual frame container, wherein the visual frame container represents a three-dimensional container, and wherein determining includes calculating a set of container dimensions for the visual frame container; determining a set of optimized dimensions associated with a visual box, wherein the set of optimized dimensions are determined using an aspect ratio and the shape associated with the two-dimensional object; determining a proportion between the calculated set of container dimensions for the visual frame container and the set of optimized dimensions associated with the visual box, wherein the proportion maximizes the display of the representation of the visual box within the visual frame container; manipulating the set of object dimensions for the two-dimensional object, wherein manipulating includes resizing the two-dimensional object according to the set of optimized dimensions associated with the visual box, such that the two-dimensional object will fit within the visual box; automatically generating a semi-transparent layer, wherein the semi-transparent layer modifies an appearance of the two-dimensional object; and automatically causing the two-dimensional object and the semi-transparent layer to be displayed within the visual box, wherein the two-dimensional object appears placed at a depth within the visual box within the visual frame container. ### Claim 2 (depends on 1) The computer-implemented method of claim 1, wherein the visual box is a visual frame. ### Claim 3 (depends on 1) The computer-implemented method of claim 1, wherein the set of container dimensions or the set of object dimensions include a height value and a width value. ### Claim 4 (depends on 1) The computer-implemented method of claim 1, wherein manipulating the set of object dimensions includes increasing or decreasing a value from the set of object dimensions. ### Claim 5 (depends on 1) The computer-implemented method of claim 1, wherein manipulating the set of object dimensions for the two-dimensional object includes resizing the two-dimensional object horizontally or vertically. ### Claim 6 (depends on 1) The computer-implemented method of claim 1, wherein causing the two-dimensional object to be displayed within the visual box includes superimposing the two-dimensional object onto the visual box. ### Claim 7 (depends on 1) The computer-implemented method of claim 1, further comprising: causing the semi-transparent layer to be displayed over the two-dimensional object. ### Claim 8 (depends on 1) The computer-implemented method of claim 1, wherein the semi-transparent layer includes a representation of one or more shadows, and wherein the representation of one or more shadows corresponds to one or more shadows of the visual frame container. ### Claim 9 (depends on 1) The computer-implemented method of claim 1, further comprising: receiving input corresponding to a selection of another two-dimensional object, wherein manipulating the set of container dimensions further includes accommodating the other two-dimensional object. ### Claim 10 (depends on 9) The computer-implemented method of claim 9, further comprising: determining an arrangement for the two-dimensional object and the other two-dimensional object. ### Claim 11 (depends on 1) The computer-implemented method of claim 1, further comprising: generating an additional semi-transparent layer, wherein the additional semi-transparent layer modifies a different appearance of the two-dimensional object. ### Claim 12 (depends on 1) The computer-implemented method of claim 1, further comprising: generating an additional layer; and causing the additional layer to be displayed between the two-dimensional object and the visual frame container. ### Claim 13 (depends on 1) The computer-implemented method of claim 1, further comprising: determining an amount of products; and using a template to render the amount of products. ### Claim 14 (depends on 1) The computer-implemented method of claim 1, further comprising: determining an amount of products; and determining a layout corresponding to the amount of products. ### Claim 15 A network device, comprising: one or more processors; and a non-transitory computer-readable medium including instructions that, when executed by the one or more processors, cause the one or more processors to perform operations including: receiving, by one or more processors, input corresponding to a selection of a two-dimensional object, wherein the two-dimensional object is associated with a shape, and wherein the two-dimensional object includes a non-editable graphic; determining a set of object dimensions for the two-dimensional object; determining, based on the set of object dimensions for the two-dimensional object, a visual frame container, wherein the visual frame container represents a three-dimensional container, and wherein determining includes calculating a set of container dimensions for the visual frame container; determining a set of optimized dimensions associated with a visual box, wherein the set of optimized dimensions are determined using an aspect ratio and the shape associated with the two-dimensional object; determining a proportion between the calculated set of container dimensions for the visual frame container and the set of optimized dimensions associated with the visual box, wherein the proportion maximizes the display of the representation of the visual box within the visual frame container; manipulating the set of object dimensions for the two-dimensional object, wherein manipulating includes resizing the two-dimensional object according to the set of optimized dimensions associated with the visual box, such that the two-dimensional object will fit within the visual box; automatically generating a semi-transparent layer, wherein the semi-transparent layer modifies an appearance of the two-dimensional object; and automatically causing the two-dimensional object and the semi-transparent layer to be displayed within the visual box, wherein the two-dimensional object appears placed at a depth within the visual box within the visual frame container. ### Claim 16 (depends on 15) The network device of claim 15, wherein the set of container dimensions or the set of object dimensions include a height value and a width value. ### Claim 17 (depends on 15) The network device of claim 15, wherein the instructions for manipulating the set of object dimensions include instructions for increasing or decreasing a value from the set of object dimensions. ### Claim 18 (depends on 15) The network device of claim 15, wherein the instructions for manipulating the set of object dimensions for the two-dimensional object include instructions for resizing the two-dimensional object horizontally or vertically. ### Claim 19 (depends on 15) The network device of claim 15, wherein the instructions for causing the two-dimensional object to be displayed within the visual box include instructions for superimposing the two-dimensional object onto the visual box. ### Claim 20 (depends on 15) The network device of claim 15, wherein the the visual box is a visual frame. ### Claim 21 (depends on 15) The network device of claim 15, wherein the non-transitory computer-readable medium further comprises instructions that, when executed by the one or more processors, cause the one or more processors to perform operations including: causing the semi-transparent layer to be displayed over the two-dimensional object. ### Claim 22 (depends on 15) The network device of claim 15, wherein the semi-transparent layer includes a representation of one or more shadows, and wherein the representation of the one or more shadows corresponds to one or more shadows of the visual frame container. ### Claim 23 (depends on 15) The network device of claim 15, wherein the non-transitory computer-readable medium further comprises instructions that, when executed by the one or more processors, cause the one or more processors to perform operations including: generating an additional semi-transparent layer, wherein the additional semi-transparent layer modifies a different appearance of the two-dimensional object. ### Claim 24 (depends on 15) The network device of claim 15, wherein the non-transitory computer-readable medium further comprises instructions that, when executed by the one or more processors, cause the one or more processors to perform operations including: receiving input corresponding to a selection of another two-dimensional object, wherein manipulating the set of container dimensions further includes accommodating the other two-dimensional object. ### Claim 25 (depends on 24) The network device of claim 24, wherein the non-transitory computer-readable medium further comprises instructions that, when executed by the one or more processors, cause the one or more processors to perform operations including: determining an arrangement for the two-dimensional object and the other two-dimensional object. ### Claim 26 (depends on 15) The network device of claim 15, wherein the non-transitory computer-readable medium further includes instructions that, when executed by the one or more processors, cause the one or more processors to perform operations including: generating an additional layer; and causing the additional layer to be displayed between the two-dimensional object and the visual frame container. ### Claim 27 (depends on 15) The network device of claim 15, wherein the non-transitory computer-readable medium further includes instructions that, when executed by the one or more processors, cause the one or more processors to perform operations including: determining an amount of products; and using a template to render the amount of products. ### Claim 28 (depends on 15) The network device of claim 15, wherein the non-transitory computer-readable medium further includes instructions that, when executed by the one or more processors, cause the one or more processors to perform operations including: determining an amount of products; and determining a layout corresponding to the amount of products. ### Claim 29 A computer-program product tangibly embodied in a non-transitory machine-readable storage medium, including instructions that, when executed by one or more processors, cause the one or more processors to: receive, by one or more processors, input corresponding to a selection of a two-dimensional object, wherein the two-dimensional object is associated with a shape, and wherein the two-dimensional object includes a non-editable graphic; determine a set of object dimensions for the two-dimensional object; determine, based on the set of object dimensions for the two-dimensional object, a visual frame container, wherein the visual frame container represents of a three-dimensional container, and wherein determining includes calculating a set of container dimensions for the visual frame container; determine a set of optimized dimensions associated with a visual box, wherein the set of optimized dimensions are determined using an aspect ratio and the shape associated with the two-dimensional object; determine a proportion between the calculated set of container dimensions for the visual frame container and the set of optimized dimensions associated with the visual box, wherein the proportion maximizes the display of the representation of the visual box within the visual frame container; manipulate the set of object dimensions for the two-dimensional object, wherein manipulating includes resizing the two-dimensional object according to the set of optimized dimensions associated with the visual box, such that the two-dimensional object will fit within the visual box; automatically generate a semi-transparent layer, wherein the semi-transparent layer modifies an appearance of the two-dimensional object; and automatically cause the two-dimensional object and the semi-transparent layer to be displayed within the visual box, wherein the two-dimensional object appears placed at a depth within the visual box within the visual frame container. ### Claim 30 (depends on 29) The computer-program product of claim 29, wherein the instructions for manipulating the set of object dimensions for the two-dimensional object include instructions for increasing or decreasing a value from the set of object dimensions for the two-dimensional object. ### Claim 31 (depends on 29) The computer-program product of claim 29, wherein the instructions for manipulating the set of object dimensions for the two-dimensional object include instructions for resizing the representation of the two-dimensional object horizontally or vertically. ### Claim 32 (depends on 29) The computer-program product of claim 29, wherein the instructions for causing the two-dimensional object to be displayed within the visual box include instructions for superimposing the two-dimensional object onto the visual box. ### Claim 33 (depends on 29) The computer-program product of claim 29, wherein the visual box is a visual frame. ### Claim 34 (depends on 29) The computer-program product of claim 29, wherein the set of container dimensions or the set of object dimensions include a height value and a width value. ### Claim 35 (depends on 29) The computer-program product of claim 29, further comprising instructions that, when executed by one or more processors, cause the one or more processors to: cause the semi-transparent layer to be displayed over the two-dimensional object. ### Claim 36 (depends on 29) The computer-program product of claim 29, wherein the semi-transparent layer includes a representation of shadows, and wherein the representation of the one or more shadows corresponds to one or more shadows of the visual frame container. ### Claim 37 (depends on 29) The computer-program product of claim 29, further comprising instructions that, when executed by one or more processors, cause the one or more processors to: generate an additional semi-transparent layer, wherein the additional semi-transparent layer modifies a different appearance of the two-dimensional object. ### Claim 38 (depends on 29) The computer-program product of claim 29, further comprising instructions that, when executed by one or more processors, cause the one or more processors to: receive input corresponding to a selection of another two-dimensional object, wherein manipulating the set of container dimensions further includes accommodating the other two-dimensional object. ### Claim 39 (depends on 38) The computer-program product of claim 38, further comprising instructions that, when executed by one or more processors, cause the one or more processors to: determine an arrangement for the two-dimensional object and the other two-dimensional object. ### Claim 40 (depends on 29) The computer-program product of claim 29, further comprising instructions that, when executed by the one or more processors, cause the one or more processors to: generate an additional layer; and cause the additional layer to be displayed between the two-dimensional object and the visual frame container. ### Claim 41 (depends on 29) The computer-program product of claim 29, further comprising instructions that, when executed by the one or more processors, cause the one or more processors to: determine an amount of products; and use a template to render the amount of products. ### Claim 42 (depends on 29) The computer-program product of claim 29, further comprising instructions that, when executed by the one or more processors, cause the one or more processors to: determine an amount of products; and determine a layout corresponding to the amount of products.