Define json-datamodel corresponding to Issue 2 (Abstract layout for frontpage) #4

New Issue

namds29 · 2025-11-18T02:51:32Z

namds29 commented

2025-11-18 02:51:32 +00:00

No description provided.

namds29 added this to the Storefront Shop project 2025-11-18 02:55:41 +00:00

Stephan commented

2025-11-25 15:14:06 +00:00

First Version did go very low level, including divs and basic components.
[ { "Nav": { "props": {}, "children": [ { "Div": { "props": { "className": "flex items-center h-full" }, "children": [ { "LocalizedClientLink": { "props": { "href": "/", "label": "Medusa Store", "className": "bg-black txt-compact-xlarge-plus hover:text-ui-fg-base uppercase", "data-testid": "nav-store-link" } } } ] } }, { "Div": { "props": { "className": "flex items-center gap-x-6 h-full flex-1 basis-0 justify-end" }, "children": [ { "LocalizedClientLink": { "props": { "href": "/account", "label": "Account", "className": "hover:text-ui-fg-base bg-black", "data-testid": "nav-account-link" } } }, { "Suspense": { "props": { "fallback": [ { "LocalizedClientLink": { "props": { "href": "/cart", "label": "Cart (0)", "className": "bg-black hover:text-ui-fg-base flex gap-2", "data-testid": "nav-cart-link" } } } ] }, "children": [ { "CartButton": {} } ] } } ] } } ] } }, { "CartMismatchBanner": { "show": true } }, { "FreeShippingPriceNudge": { "variant": "popup" } }, { "PropsChildren" : {}}, { "Footer": { "copyrightText": "© 2025 MyShop" } } ]

Second Version now abstracts more.
[ { "Header" : { "config" : {"sticky": true}, "children" : [ { "Nav": { "config": { "left": [ { "VtSideMenu": {} } ], "center": [ { "HomeButton": { "config" : {"label":"Medusa Store"}} } ], "right": [ { "AccountButton": { "config": { "label": "Account", "className": "hover:text-ui-fg-base" } } }, { "VtCartButton" : {} } ] } } } ] } }, { "CartMismatchBanner": { "config": {"show": true} } }, { "FreeShippingPriceNudge": { "config": {"variant": "popup" }} }, { "PropsChildren" : {}}, { "Footer": { "config" : {"copyrightText": "© 2025 MyShop"} } } ]

First Version did go very low level, including divs and basic components. ` [ { "Nav": { "props": {}, "children": [ { "Div": { "props": { "className": "flex items-center h-full" }, "children": [ { "LocalizedClientLink": { "props": { "href": "/", "label": "Medusa Store", "className": "bg-black txt-compact-xlarge-plus hover:text-ui-fg-base uppercase", "data-testid": "nav-store-link" } } } ] } }, { "Div": { "props": { "className": "flex items-center gap-x-6 h-full flex-1 basis-0 justify-end" }, "children": [ { "LocalizedClientLink": { "props": { "href": "/account", "label": "Account", "className": "hover:text-ui-fg-base bg-black", "data-testid": "nav-account-link" } } }, { "Suspense": { "props": { "fallback": [ { "LocalizedClientLink": { "props": { "href": "/cart", "label": "Cart (0)", "className": "bg-black hover:text-ui-fg-base flex gap-2", "data-testid": "nav-cart-link" } } } ] }, "children": [ { "CartButton": {} } ] } } ] } } ] } }, { "CartMismatchBanner": { "show": true } }, { "FreeShippingPriceNudge": { "variant": "popup" } }, { "PropsChildren" : {}}, { "Footer": { "copyrightText": "© 2025 MyShop" } } ]` Second Version now abstracts more. `[ { "Header" : { "config" : {"sticky": true}, "children" : [ { "Nav": { "config": { "left": [ { "VtSideMenu": {} } ], "center": [ { "HomeButton": { "config" : {"label":"Medusa Store"}} } ], "right": [ { "AccountButton": { "config": { "label": "Account", "className": "hover:text-ui-fg-base" } } }, { "VtCartButton" : {} } ] } } } ] } }, { "CartMismatchBanner": { "config": {"show": true} } }, { "FreeShippingPriceNudge": { "config": {"variant": "popup" }} }, { "PropsChildren" : {}}, { "Footer": { "config" : {"copyrightText": "© 2025 MyShop"} } } ]`

yen.nguyen closed this issue

2025-12-09 21:34:22 +00:00

Sign in to join this conversation.