Need Assistance with Restructuring Customized JSON for Webpage Creation

Hello ChatGPT Community,

I hope you’re all doing well! I’m working on a project where I need to restructure a customized JSON layout to create a webpage. I’m facing some challenges, and I believe the expertise of this community could help me find a solution.

Here’s a brief overview of the problem:

Problem Overview:
We have a webpage layout in a customized JSON format. The JSON structure consists of a ‘skeleton’ object, which contains multiple sections. Each section has its unique ‘id’, ‘name’, ‘parent’ information (if applicable), ‘layout’ object, and ‘child’ object. Each section also contains multiple layouts, and each layout is identified by a unique ‘id’ called ‘key’, starting with the prefix ‘container’. The ‘value’ key inside each layout contains style information using ‘Bootstrap 5’ grid system’s classes.

The ‘child’ object contains various items, each represented by an ‘id’, such as ‘navbar_01’ for Navbar, ‘breadcrumb_01’ for Breadcrumb, ‘store_information_01’ for Store Information, ‘banner_01’ for Banner, ‘product_01’ for Feature Products, and several others.

Our goal is to rearrange the children within the JSON structure without deleting any child, layout, section, or skeleton item. We also need to ensure that the placement of children adheres to the specified layout constraints.

Specific Instruction for the Swap:
One of the specific tasks we need help with is swapping the position of the ‘banner_01’ child with the ‘product_01’ child. To do this, we have identified the ‘parent’ and ‘container’ keys for both children. We need assistance in updating these keys to achieve the swap correctly.

Current Challenge:
We tried using the ChatGPT API to accomplish the swap, but it didn’t produce the desired changes in the JSON structure. We suspect there might be a misunderstanding in the instructions provided to the API.

Request for Help:
We would greatly appreciate any insights, suggestions, or code examples that could help us achieve the correct restructuring of the JSON layout. We’re open to alternative methods and approaches as long as we can achieve the swap without compromising any data in the JSON.

Thank you all in advance for your valuable assistance! If you require any further information or clarifications, please feel free to ask. We’re looking forward to learning from your expertise and solving this challenge together.

Sample Json

{“skeleton”:[{“id”:“section_9d512319-2b68-4074-8f60-f294ece3617a”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_9da55cac-0fe3-4403-b38e-c9f47b157007”,“value”:“container-wide”}],“child”:[{“id”:“navbar_01”,“name”:“Navbar”,“parent”:“section_9d512319-2b68-4074-8f60-f294ece3617a”,“container”:“container_9da55cac-0fe3-4403-b38e-c9f47b157007”,“child”:}]},{“id”:“section_eaa7fd5e-dd4c-450c-ae51-4474b55e380c”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_cb0f867f-176d-4893-9200-752a7a96b895”,“value”:“col-12”}],“child”:[{“id”:“breadcrumb_01”,“name”:“Breadcrumb”,“parent”:“section_eaa7fd5e-dd4c-450c-ae51-4474b55e380c”,“container”:“container_cb0f867f-176d-4893-9200-752a7a96b895”,“child”:}]},{“id”:“section_85b863c3-9877-433e-b1d6-30cf90cd2c88”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_932c27c4-cac3-4b2a-b24d-b9c5b4757382”,“value”:“col-12 col-lg-4”},{“key”:“container_bff6dd63-7c5d-4fce-90b3-4587c0010ac7”,“value”:“col-12 col-lg-8”}],“child”:[{“id”:“store_information_01”,“name”:“Store Information”,“parent”:“section_85b863c3-9877-433e-b1d6-30cf90cd2c88”,“container”:“container_932c27c4-cac3-4b2a-b24d-b9c5b4757382”,“child”:},{“id”:“banner_01”,“name”:“Baner”,“parent”:“section_85b863c3-9877-433e-b1d6-30cf90cd2c88”,“container”:“container_bff6dd63-7c5d-4fce-90b3-4587c0010ac7”,“child”:}]},{“id”:“section_bda055eb-7f5b-46da-b7d7-5db2293c170a”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_c04134b2-4c81-4492-8658-283534fd5fa2”,“value”:“col-12”}],“child”:[{“id”:“product_01”,“name”:“Feature Products”,“parent”:“section_bda055eb-7f5b-46da-b7d7-5db2293c170a”,“container”:“container_c04134b2-4c81-4492-8658-283534fd5fa2”,“child”:}]},{“id”:“section_84a86d65-06ad-42f1-9537-15002e5ec920”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_e8c82b2b-8b7c-47dc-92fe-30901171f391”,“value”:“col-12”}],“child”:[{“id”:“timeline_01”,“name”:“Social Timeline”,“parent”:“section_84a86d65-06ad-42f1-9537-15002e5ec920”,“container”:“container_e8c82b2b-8b7c-47dc-92fe-30901171f391”,“child”:}]},{“id”:“section_c57ae2e6-0669-4625-b7f1-b773acb4a86a”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_89cd7440-0d4d-4da9-b227-8b24e8f49b7e”,“value”:“col-12”}],“child”:[{“id”:“about_outlet_01”,“name”:“About Us”,“parent”:“section_c57ae2e6-0669-4625-b7f1-b773acb4a86a”,“container”:“container_89cd7440-0d4d-4da9-b227-8b24e8f49b7e”,“child”:}]},{“id”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_26377f39-9b10-4bc5-b3bd-79ec8a32719e”,“value”:“col-12 col-lg-6”},{“key”:“container_99f8edfb-bd01-4cfa-8ca6-5d98218b2f86”,“value”:“col-12 col-lg-6”}],“child”:[{“id”:“rating_01”,“name”:“Rating”,“parent”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“container”:“container_26377f39-9b10-4bc5-b3bd-79ec8a32719e”,“child”:},{“id”:“parking_options_01”,“name”:“Parking Options”,“parent”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“container”:“container_26377f39-9b10-4bc5-b3bd-79ec8a32719e”,“child”:},{“id”:“payment_methods_01”,“name”:“Payment Methods”,“parent”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“container”:“container_26377f39-9b10-4bc5-b3bd-79ec8a32719e”,“child”:},{“id”:“pluscode_01”,“name”:“Plus Code”,“parent”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“container”:“container_99f8edfb-bd01-4cfa-8ca6-5d98218b2f86”,“child”:},{“id”:“tag_01”,“name”:“Tags”,“parent”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“container”:“container_99f8edfb-bd01-4cfa-8ca6-5d98218b2f86”,“child”:},{“id”:“establishment_01”,“name”:“Establishment Year”,“parent”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“container”:“container_99f8edfb-bd01-4cfa-8ca6-5d98218b2f86”,“child”:},{“id”:“other_stores_01”,“name”:“Other Stores”,“parent”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“container”:“container_99f8edfb-bd01-4cfa-8ca6-5d98218b2f86”,“child”:},{“id”:“category_01”,“name”:“Categories”,“parent”:“section_99bda756-6db6-4b73-870b-f99dea5c3fae”,“container”:“container_99f8edfb-bd01-4cfa-8ca6-5d98218b2f86”,“child”:}]},{“id”:“section_0c607bc7-5b23-4caf-8190-ae652d4d2477”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_20b12a63-6085-4564-afd8-e0c0ae79b565”,“value”:“col-12”}],“child”:[{“id”:“nearby_outlet_01”,“name”:“Nearby Outlets”,“parent”:“section_0c607bc7-5b23-4caf-8190-ae652d4d2477”,“container”:“container_20b12a63-6085-4564-afd8-e0c0ae79b565”,“child”:}]},{“id”:“section_ad986865-cdb1-44a1-b423-b1d1436c5425”,“name”:“row”,“parent”:false,“layout”:[{“key”:“container_5c6b12f7-9904-4e73-a424-0e2aa40b1a2d”,“value”:“container-wide”}],“child”:[{“id”:“footer_01”,“name”:“Footer”,“parent”:“section_ad986865-cdb1-44a1-b423-b1d1436c5425”,“container”:“container_5c6b12f7-9904-4e73-a424-0e2aa40b1a2d”,“child”:}]}],“styling”:{“color”:{“body-un”:“#d9d9d9”,“primary-un”:“#000000”,“direction-un”:“#c90000”,“call-un”:“#007002”,“map-un”:“#2a2a52”},“font_family”:{“themeFontFamily”:“Roboto”},“size”:{“h1”:“30”,“h2”:“55”,“h3”:“20”,“h4”:“18”,“h5”:“26”,“h6”:“15”,“p1”:“16”,“p2”:“18”,“p3”:“13”}}}

Welcome to the developer forum.

Typically you show the model an example input json and you manually restructured output json, with those examples as a guide give it the new input json and ask it to restructure it as in the example.

ChatGPT understands a JSON schema. You can write one that is fully-thought out with description and example keys, one that would validate your own destination JSON. Then prompt the AI that the schema is the only permissible output format, and tell it how to extract and transform data fields if they aren’t obvious.

The data you show have vastly varying sub-structures, so this may be a challenge to the AI’s understanding and abilities.