How do I apply an experience to all views in a SPA? | Community
Skip to main content
M
MichaelWills
Level 3
February 8, 2023
Solved

How do I apply an experience to all views in a SPA?

  • February 8, 2023
  • 1 reply
  • 1479 views

So I have a page with two key sections on it - stuff above this nav and stuff below it. 

 

If I interact with the nav, the contents of the page below the nav change, while the contents above that nav do not.

The page (on initial load) defaults to showing the "Overview" nav item contents, and our current implementation is such that adobe.target.triggerView("Overview"); will fire at this point in time. 

The problem however is, lets say I want to change that image above the nav. When I load the page up in the VEC, the modifications pane says that my current view is "Overview" because of the defaulting described above. This means that any modification made under that circumstance, needs to wait until a call is made to pull in any modifications for the "Overview" view... which is not ideal from a page display timing issue perspective.

Is there a better way to do this so that I apply this modification at a more global state (i.e. not triggered by a single view)?

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by ryanr7

Hi @michaelwills,

If I understand correctly the SPA on view change does NOT change/update the content above the nav. The content above the nav is only loaded by the pageload. If so, one thing that might help in your situation is loading the page in the Visual Experience Composer (VEC) and then making the modification. As you noted, the VEC will automatically detect that the current view is, "overview" in your case. Once you've made the modification if you hover over it in the modification pane you'll see an icon that will let you "move" the modification to a different view or the pageload. Move the modification to the pageload.

If you make multiple modifications move all the appropriate modifications. Then make sure your page delivery template rule applies appropriately to all the different URLs of your SPA. For example, if a visitor's pageload can happen on the "how to apply" page and you want that to also qualify for the new experience.

Hope that helps!

-R

1 reply

R
Adobe Employee
ryanr7Adobe EmployeeAccepted solution
Adobe Employee
February 9, 2023

Hi @michaelwills,

If I understand correctly the SPA on view change does NOT change/update the content above the nav. The content above the nav is only loaded by the pageload. If so, one thing that might help in your situation is loading the page in the Visual Experience Composer (VEC) and then making the modification. As you noted, the VEC will automatically detect that the current view is, "overview" in your case. Once you've made the modification if you hover over it in the modification pane you'll see an icon that will let you "move" the modification to a different view or the pageload. Move the modification to the pageload.

If you make multiple modifications move all the appropriate modifications. Then make sure your page delivery template rule applies appropriately to all the different URLs of your SPA. For example, if a visitor's pageload can happen on the "how to apply" page and you want that to also qualify for the new experience.

Hope that helps!

-R

    M
    MichaelWillsAuthor
    Level 3
    February 9, 2023

    Awesome! Thank you! That was totally not obvious to me haha. Exactly what I was looking for.

      Terms & ConditionsAccessibility statement

      Loading footer...