Question on BFS requirement 4.2.2 Provide an easy way to navigate back

Built for Shopify
1

Hello Shopify team,

I would like to ask for clarification on this BFS requirement. Thanks a lot!

4.2.2 Provide an easy way to navigate back

Merchants must be able to return to the previous page without using the browser button. To achieve this, your app can provide breadcrumbs or a Back button on the page.

My question is about the back button approach. Sometime the “previous page” is not an embedded app page, does it satisfies the requirement if the back button navigate out of embedded app?

Below are a few scenarios that I am thinking about

  1. Merchant is browsing Shopify admin customer detail page → Click app admin link → Embedded app page
    a. For this case, does it satisfies BFS requirement if the back button to redirect back to the customer detail page?

  2. Merchant is browsing non Shopify url (e.g. google.com) → Paste a link to Shopify embedded app → Embedded app page
    a. For this case, does it satisfies BFS requirement if the back button to redirect back to google.com?

  3. Merchant open a new browser tab → Paste a link to Shopify embedded app → Embedded app page
    a. For this case, does it satisfies BFS requirement if back button redirects back to browser tab default blank page?

2

I don’t think your scenarios are related.
That requirement is for only when the merchant interacts in your app admin UI.
For example,
if your app is Gift app and you have Gift Index and Gift details page.
Then you need to provide breadcrumbs to go back to Gift index page on Gift details page.

1 Like
3

Hi @remy727 thanks so much for the quick reply!

Lets says the gift app turns product into gift. So it has an admin link that goes to gift detail page from Shopify admin product detail page.

So there are two ways for merchant to go to gift detail page

  1. Shopify product page → Click app admin link → Go to gift detail page
  2. Visit app gift list page → Click a gift → Go to gift detail page

Just to double check, are below behavior okay?

  • navigate back to product page for case 1
  • navigate back to gift list page for case 2

For extra context, I am thinking of using history.back() to implement back button.

4
  • navigate back to product page for case 1
  • navigate back to gift list page for case 2

Okay but I think you are overthinking :smiley:
This requirement is not for behavior 1.
For this behavior, you don’t need back button. Browser back button is only enough.

1 Like