I have added 5 components on a page, A,B,C,D,E. Component A is form based component. Rest all 4 are normal content based component (Image + Text, etc..).
On the page load I want to show Component A only and all other 4 components will be hidden. I dont even want to serve other 4 components to client browser due to performance considerations (why to serve the HTML to client when its not needed).
Once user submits the form in component A, a cookie is set and then page reloads, I want to show the HTML output from rest of the 4 components if that cookie value is set. Component A will not be served anymore.I dont want to load components using AJAX or JS based techniques as it might impact SEO and/or Content Authoring.
How can I achieve this in Livesite? I am not able to think any obvious solution. If I add components in a page, those will always be rendered unless until I put special code in those components to behave differently based on cookie existance or non-existance. I have to reuse these components (B,C,D,E) in other pages where this logic is non-existant, so i dont want to take this approach as well.
What are my choices?
LS 7.3.2.
TIA
