Skip to content

Commit fa14ec4

Browse files
Data Structure: Add visuals for traditional/modern structure (#312)
1 parent c5b73ca commit fa14ec4

File tree

4 files changed

+14
-6
lines changed

4 files changed

+14
-6
lines changed

package-lock.json

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
35.4 KB
Loading
33.7 KB
Loading

src/data-structure/page-content.md

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -40,19 +40,27 @@ If the page has content, the `content` contains a list of objects:
4040

4141
## Page Elements
4242

43-
Elements are simple objects contaning element data. Some elements can have nested elements inside of them, others don't.
43+
Elements are simple objects containing element data. Some elements can have nested elements inside of them, others don't.
4444

45-
This is important as in the past, Elementor had a strict data structure. The page had "section" elements, sections had nested "column" elements, and the columns had "widget" elements.
45+
This is important as in the past Elementor had a strict data structure - the traditional structure. The page had "section" elements, sections had nested "column" elements, and the columns had "widget" elements.
4646

47-
With the introduction of containers, Elementor replaced the traditional data structure, allowing the user to nest multiple elements one inside the other.
47+
With the introduction of containers, Elementor replaced the traditional data structure with a modern structure, allowing the user to nest multiple elements one inside the other.
4848

49-
Originally, Elementor widgets didn't support nested capabilities. More recently Elementor has started exploring new ways to allow nesting capabilities. The new "Menu" widget already supports nested capabilities and we plan to release nested "Accordion", "Tabs", "Carousels" and other widgets with nested capabilities.
49+
Traditional structure:
50+
51+
<img :src="$withBase('/assets/img/data-structure-traditional.png')" alt="Traditional structure">
52+
53+
Modern structure:
54+
55+
<img :src="$withBase('/assets/img/data-structure-modern.png')" alt="Modern structure">
56+
57+
With the adoption of nested layout elements, Elementor introduced widgets with nested capabilities. Widgets like the nested "Tabs", nested "Accordion", nested "Carousel", and nested "Menu" (mega menu).
5058

5159
## Examples
5260

5361
### A Page with a Section and a Column
5462

55-
An example of a page that uses the old section-column-widget structure:
63+
An example of a page that uses the traditional section-column-widget structure:
5664

5765
```json
5866
{

0 commit comments

Comments
 (0)