Wix.com Ltd.
Method and system for section-based editing of a website page

Abstract:

A visual design system includes a dynamic layout editor, a page analyzer, a UI subsystem and a change executor. The dynamic layout editor edits content of a visual creation according to dynamic layout rules. The visual creation includes at least one page having at least two components, the dynamic layout rules are associated with anchors or constraints for positioning the components, and each component has geometrical properties. The page analyzer performs a geometrical analysis on the page in response to a change of components and divides the page into sections based on at least geometrical relationships between the geometrical properties. The UI subsystem generates and presents at least one section to a user for editing as a virtual container containing at least one of the two components. The change executor regenerates and displays the page with the section according to editing changes made during the editing session.