Issue with Navigation Menu Reloading Before Redirecting

Hello,

I am experiencing an issue with the navigation menu in my Shopify app. When I navigate from the home page to another page, the home page reloads first before redirecting to the desired page. The same issue occurs when I navigate back to the home page.

Below is the navigation menu code I am using in my PHP-based Shopify app:

<ui-nav-menu>
    <a href="/view/index.php">Home</a>
    <a href="/view/plan.php">Plan</a>
</ui-nav-menu>

To better illustrate the issue, I have recorded a short video:

Could you please help me understand why this is happening and how I can resolve it?

Thank you.

1 Like

Experimenting the exact same issue here but with the Shopify Remix Template. I was able to reproduce the behavior in the just cloned template with the following navigation:

Home Test01 Test02 Test03

Each page just contains a loader with a timeout

Hi, I had the same “page flicker” issue and my inspect suggests this is actually a transition animation instead of page reload. Can you try to inspect your DOM update and see if we are the same?

Please take a look at my post

Hey folks!

Thanks for flagging this issue - the app bridge team will look into this.