Polaris is a react library provided by Shopify to keep the third party app User Interfaces consistent with the admin theme in Shopify shops.
Questions tagged [polaris]
98 questions
1
vote
0 answers
How render list from Resource Picker on my app page
I started learning shopify and created an app via the shopify cli create node app. I use polaris to render the components on the app page. And I can't figure out how I can display the list of selected products from the Resource Picker on the page. I…

Kate
- 55
- 7
1
vote
0 answers
How to render subNavigation components of shopify polaris
I need to render one component at a time but some how my subNavigation routes does not work
it works for Navigation routes but does not show me subNavigation items, I've also tried it with the help of react routes but it gives me conflicts with the…

Jaywant Jagtap
- 11
- 2
1
vote
0 answers
Shopify Polaris - Stop DataTable from resizing
In my React project I am using a Shopify Polaris DataTable. It looks like this:
When I am clicking the pencil button of one row, the Badge changes and it looks like this:
The problem here is, when changing that Badge, all the columns and their…

IonicMan
- 743
- 1
- 12
- 31
1
vote
1 answer
Connect Shopify Polaris links with Nextjs Links
When using Shopify Polaris, many internal components output a single static tag, this breaks my NextJS app experience since clicking on the link reloads the page.
How can I make Shopify Polaris links behave just like Nextjs ones with …

Mateus Vahl
- 979
- 2
- 12
- 29
1
vote
1 answer
Unable to make Navigation (polaris) component work with new shopify session system
I've been trying to rework an app to use the new session auth system.
Everything seems to work fine, however I am not able to use the Navigation (polaris) component successfully.
Let's say I have something like this :

Aurélien B.
- 498
- 2
- 9
1
vote
1 answer
How to filter items in a ResourceList
I am trying to filter ResourceItems in my ResourceList by their tag. For exmaple, if a user searches for the tag "Sports", all items with the this tag should be returned.
I have been utilising this example to produce this, but it doesn't actually…

RyanDawkes
- 47
- 5
1
vote
0 answers
Setting TopBar background colour in Shopify embedded App
I've been trying to figure out how to change the TopBar background colour by following the instructions in the doc here: https://polaris.shopify.com/components/structure/app-provider/theme to no avail.
I've added colours in the theme constant but no…

Soufian Aboulfaouz
- 87
- 2
- 8
1
vote
1 answer
Saving Custom form data and use it in shop front in Shopify using Nodejs & React
I'm still learning shopify app development,
I've followed THIS tutorial and created a simple app settings page by checking shopify docs.
Now my App page looks something like below
Now, I want to save this data and use this data to make some changes…

rakcode
- 2,256
- 4
- 19
- 44
1
vote
1 answer
Shopify Polaris - Custom layout issue and styles
Currently I am trying to create a very basic abandoned cart app just to teach myself more about GraphQL and Shopify's app creation with Polaris. Polaris has a great group of components but I am having trouble editing them to how I require. So far I…

NewAppDeveloper
- 53
- 2
- 8
1
vote
1 answer
Is Shopoify's Polaris used for styling themes or only for creating Custom/Public apps?
It's not clear to me whether a designer would adhere to Polaris specs if they were developing a custom theme for the Shopify store. Would they base it off of the file structure in Shopify sections, snippets, etc. or does Polaris provide something…

Kamilski81
- 14,409
- 33
- 108
- 161
1
vote
1 answer
How to upload image with shopify Polaris DropZone component
I'm using Polaris to develop an app for Shopify and need to upload an image using DropZone component, but I can't find how to get base64 file.
Based on the document, in onDrop event,
I can get images files:
and also I can convert it to blob with…

Zahra Kabiri
- 88
- 9
1
vote
1 answer
ResourcePicker will not show
I cannot open up the ResourcePicker for the life of me. I can see the state being changed from false to true when pressing the button, but the resourcepicker doesn't actually open.
…

Doughtz
- 359
- 2
- 12
1
vote
2 answers
How to open and close Shopify Polaris Modal using App-Bridge
I'm using Shopify Polaris @3.4.0 and App-Bridge @1.0.3. Also used shopify-node-app as a starting.
I initialize app-bridge by passing apiKey and shopOrigin values like so:
…

user3612888
- 39
- 4
1
vote
0 answers
Shopify polaris Use breadcrumbs component without Page
Right now I'm using the Page component in shopify polaris with Reactjs. This component has a breadcrumbs property and it seems like you can only use breadcrumbs within the page component like this:

jim
- 1,026
- 2
- 15
- 37
1
vote
1 answer
Polaris navigation onclick method
I'm using shopify polaris' Navigation component. The documentation to it is here:
https://polaris.shopify.com/components/structure/navigation
Let's say I setup a navigation component in my Navigation.js class like this:
…

jim
- 1,026
- 2
- 15
- 37