Shop
/
Shop-Storefront
4
0
Fork 0
Code Issues 25 Pull Requests Packages Projects 1 Releases Wiki Activity

Update Layout Template System Guidelines

namds29 2025-12-11 06:43:41 +00:00
parent 5d19789aaa
commit 389b094879
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
Layout-Template-System-Guidelines.md

@ -28,6 +28,13 @@ The Layout System is comprised of following modules:
- This should never result in 3 different templates or components for the same ui-component or layouting block. (e.g. menu or button) - This should never result in 3 different templates or components for the same ui-component or layouting block. (e.g. menu or button)
- If the differences are great, try to manage differences by creating reusable sub-components first. - If the differences are great, try to manage differences by creating reusable sub-components first.
4. Rules for Creating Custom Components
- When creating a custom component, avoid creating singular components; instead, group related elements together to limit the length of the JSON file.
- Components should be designed to allow flexible layout adjustments of the elements.
- Once created, register the component in the `component-map.tsx` file. Set the key as the component's name, then map it back to the component you created for initialization when the JSON file uses that component.
### Goal ### Goal
* **Only the Json File** is responsible for layout and design for the pages * **Only the Json File** is responsible for layout and design for the pages
* Dynamic Render System uses json-file to build layout and page using **shared dynamic components**. * Dynamic Render System uses json-file to build layout and page using **shared dynamic components**.