POS UI Extension - Navigate to Order page

Extensions
1

Hello, do you know if it is now possible to move to orders page from “pos.home.modal.render”?
I want to move and specific order with an order ID.

import React from 'react';
import {
  reactExtension,
  useApi,
  Navigator,
  Screen,
  Button,
} from '@shopify/ui-extensions-react/point-of-sale';

const SmartGridModal = () => {
  const api = useApi('pos.home.modal.render');

  return (
    <Navigator>
      <Screen name="ScreenOne" title="Screen One Title">
        <Button
          title="Navigate to Cart"
          onPress={() => api.navigation.navigate('/orders/7019925340460')}
        />
      </Screen>
    </Navigator>
  );
};

export default reactExtension('pos.home.modal.render', () => (
  <SmartGridModal />
));
1 Like
2

Hey @Fernando_Gutierrez :waving_hand: - the Navigation API is mainly intended to allow POS UI extensions to move the user between screens that exist within the extension itself, rather than to the native orders page in the POS app.

It is a little hidden at the bottom of the page, but we do mention this here:

Hope this helps, let me know if I can clarify anything more on my end.

3

OK yes I understand, thanks for your answer, but there is any way to move to another page like native orderes with one function or something like that?

I want to click in a button inside my POS UI extension and this button redirect me to a native orders.

5

Hey again @Fernando_Gutierrez :waving_hand: - at the moment we don’t currently offer a way for POS UI extensions to redirect users to native pages. I’ll pass along your feedback to our product team though as a feature request so that we have this logged though.

Thanks again for flagging this and for the feedback :slight_smile: