All things Shopify and commerce
Long time Shopify user here, really kind of just getting annoyed more and more with the poor use of real estate on the admin side of the site structure - see image for how much real estate is completely wasted, yet i'm stuck scrolling a tiny window horizontally to edit variants etc... time and visual of this waste adds up when working all the time on these things!
Any help for what can be done - or Shopify any plans to do a more fluid layout or wide-screen adjusted option?? Would be VERY helpful...
TIA!
Solved! Go to the solution
This is an accepted solution.
Seeing as I had the code anyway and this was fairly easy to do:
https://chrome.google.com/webstore/detail/widescreen-shopify-admin/khaaleajdipmabnpppejimgmigfgjmmb
Test out the Chrome extension @nickhand87 ?
Hi Nick
I don't know if this is much help to you.
But this CSS will make that part of the screen fullwidth in my admin:
div[class*="Polaris-Frame__Content"] div[class*="Polaris-Page_"] {
max-width:100%
}
Should also work for you?
You can use this in Chrome Console.
Or potentially even create a Google Chrome plugin or similar?
But adding that in Chrome Console, isn't that just temporarily using it for that current instance of the loaded page? Is there a way to make it like a local "permanent" change on particular domains or something for it to stay applied even if it's only for my view of the page?
So you can indeed do that.
So in Chrome...
That should be it ...
That folder will now be used as a "local" override.
So as long as you're using the same Chrome profile and the file persists in that folder you should keep getting that override.
I THINK that's right anyway - forgive me if not - maybe a Chrome Extension would be the next way to go after that if you still can't get it to work.
It's sort of working - seems like a bit finnicky on if/when Chrome decides to use that code locally or override or not, but it's helpful nonetheless, thank you! I'll toy with it and hopefully get it smooth, but this is definitely better than nothing!
This is an accepted solution.
Seeing as I had the code anyway and this was fairly easy to do:
https://chrome.google.com/webstore/detail/widescreen-shopify-admin/khaaleajdipmabnpppejimgmigfgjmmb
Test out the Chrome extension @nickhand87 ?
@SB_90 that is sweet! Works better than the Inspector hack for some reason it made me "open inspector" every time to make it take effect, not sure why. Regardless, the extension seems to be good, thanks for that!
Circling back on this @nickhand87 did you find a solid solution for this?
Seems wild to me to have to navigate left to right to see inventory and variants when were making more product to update inventory.
Is this a Chrome or Shopify issue? Seems like I shouldn't have an issue seeing everything on a 27" Monitor, without a plug in.?
SAS
I have the same problem UP UP
Thi css is to change
.Polaris-Page_yisnh {
margin: 0 auto;
max-width: 62.375rem;// this line to remove
padding: 0;
}
This extension no longer works 😞
For those wanting to make this extension work again, in case the original developer never updates this, here is what I did.
Download the extension
Find the folder where the extension is installed, this will depend on your operating system. For me in linux it was ~/.config/google-chrome/Default/Extensions/khaaleajdipmabnpppejimgmigfgjmmb/0.0.1_0
Open the "manifest.json" file with a text editor and modify the 4th line to this:
"matches": [ "*://*.myshopify.com/admin*", "*://admin.shopify.com/*"]
Save the file
Go back to Chrome, open "Manage extensions", turn on Developer mode on top right
Click "Load unpacked" and select the 0.0.1_0 folder with the modified file.
Now the extension will work again with the new url shopifyadmin switched to
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024