Can I make the product variant editing menu wider to show all fields

Solved
micahsa
New Member
2 0 0

When editing a product, is there a way to expand the variants menu width so it will show more than 1-2 fields for each variant?  Currently, any editing of SKU's, sizes, styles, etc for our products is extremely tedious because the variants section of the product has to be scrolled back and forth inside of this skinny menu. 

 

I know there are plenty of product management apps that likely do it much better, but this seems like a silly limitation, seeing as how I have about 2/3 of my screen not being used when editing a product.  

 

As a follow up, assuming this CAN'T be accommodated, any recommendations for product management apps? 

 

We have migrated ~3,000 products from Etsy, each with 2-3 variants, totaling ~14k SKU's.  

 

2021-11-18_12-11-57.png

 

 

 

 

Accepted Solution (1)

Accepted Solutions
ThomasBorowski
Shopify Expert
648 44 153

This is an accepted solution.

Have you tried using the built-in bulk editor?

 

https://help.shopify.com/en/manual/shopify-admin/productivity-tools/bulk-editing-products

 

The width of the product editing page in Shopify is set by Shopify and can't be changed (easily). I don't know why they make it so narrow, even on wide screens.

 

You could use a browser extension that lets you apply your own CSS to websites. One such extension would be Stylus for Firefox: https://addons.mozilla.org/en-US/firefox/addon/styl-us/. Then find the CSS code you need to overwrite and adjust the width as needed.

Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
★ EU B2B customer registration with VAT ID validation: https://apps.shopify.com/b2b-customer-registration ★

View solution in original post

Replies 2 (2)
ThomasBorowski
Shopify Expert
648 44 153

This is an accepted solution.

Have you tried using the built-in bulk editor?

 

https://help.shopify.com/en/manual/shopify-admin/productivity-tools/bulk-editing-products

 

The width of the product editing page in Shopify is set by Shopify and can't be changed (easily). I don't know why they make it so narrow, even on wide screens.

 

You could use a browser extension that lets you apply your own CSS to websites. One such extension would be Stylus for Firefox: https://addons.mozilla.org/en-US/firefox/addon/styl-us/. Then find the CSS code you need to overwrite and adjust the width as needed.

Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
★ EU B2B customer registration with VAT ID validation: https://apps.shopify.com/b2b-customer-registration ★

View solution in original post

micahsa
New Member
2 0 0

That's actually a great idea and should work MUCH better.  I hadn't thought of the bulk editor since much of the time its been cleaning up individual listings with updated SKU's. 

 

So rather than clicking on the actual product and opening the full product editor, I just select it with the checkbox and choose Edit Listing and then can access the SKU's all in one nice visible spot.

 

Thanks!