Shopify Per-Unit Pricing: A Guide to Selective Display and Hiding
Hey there, fellow store owners! It’s your friendly Shopify expert from Shopping Cart Mover, diving into another fantastic discussion from the Shopify Community forums. This time, we’re tackling a super common question that often trips up even seasoned merchants: how to selectively hide per-unit pricing on certain products.
The original thread kicked off with hannahoreilly1 asking for some CSS help. She wanted to generally display per-unit pricing, which is great for transparency, but found it unnecessary for products already sold as individual units. It’s a classic scenario, right? You want consistency, but sometimes a feature just doesn’t make sense for everything you sell.
Understanding Shopify's Per-Unit Pricing Feature
Before we dive into the solution, let's quickly understand what per-unit pricing is and why it's valuable. Shopify's per-unit pricing feature allows you to display the price of a product per a specific unit of measurement (e.g., $1.50/100g, $0.25/tablet, $10/meter). This is incredibly useful for:
- Transparency: Helps customers compare prices across different product sizes or brands.
- Compliance: Many regions have regulations requiring per-unit pricing for certain goods.
- Clarity: Makes it easier for customers to understand the true cost of bulk items or products sold by weight/volume.
However, as hannahoreilly1 pointed out, for products already sold as single units (e.g., a single book, a pair of shoes), displaying "$25/unit" can be redundant or even confusing. This is where selective control becomes essential.
The "Aha!" Moment: The Native Shopify Fix
What’s really cool about these community discussions is how quickly simple, elegant solutions often emerge. While some initial suggestions involved sharing store passwords (which, by the way, always be cautious about when getting help online!), hannahoreilly1 actually found the answer herself and shared it back with the community: it was much simpler than she thought!
As Ecom_swift_LLC later confirmed in the thread, the unit price only appears when a product's “Unit quantity” and “Measurement unit” fields are filled in. The native, correct fix? Just clear those fields! No complex code, no CSS wizardry needed.
Step-by-Step: Hiding Per-Unit Pricing on a Single Product
If you have just a few products where you want to hide this, it's a breeze:
- Go to your Shopify admin and navigate to Products.
- Click on the specific product you want to edit.
- Scroll down to the Pricing section.
- Look for the fields labeled "Unit quantity" and "Measurement unit".
- Clear the values in both of these fields. If they are empty, Shopify will not display per-unit pricing for that product.
- Click Save.
That's it! The per-unit pricing will immediately disappear from that product's page.
Efficiently Hiding Per-Unit Pricing with Bulk Editing
What if you have dozens or even hundreds of products where you need to hide per-unit pricing? Manually editing each one is a time sink. Fortunately, Shopify's bulk editor comes to the rescue, as Ecom_swift_LLC wisely pointed out.
- From your Shopify admin, go to Products.
- Select the products you want to modify by ticking the checkboxes next to them. You can select up to 50 products at a time, or use filters to narrow down your selection.
- Click the "Bulk edit" button that appears at the bottom of the screen.
- In the bulk editor, you'll see a table of your selected products. Click on "Add columns" (usually a button or dropdown menu).
- Search for and add the columns "Unit quantity" and "Measurement unit" to your bulk editor view.
- Now, for each selected product, you can quickly navigate to these new columns and clear their values.
- Once you've cleared the necessary fields, click "Save".
This method drastically reduces the time and effort required for managing per-unit pricing across a large catalog.
Why the Native Fix is Superior to CSS or Liquid
The original question asked for a CSS solution, and another expert, Steve_TopNewYork, suggested a Liquid approach with product tags or metafields for more dynamic control. While these methods have their place for truly complex, conditional displays, for simply hiding the unit price, the native fix is unequivocally better. Here's why:
- Accessibility & SEO: Hiding elements with CSS only makes them invisible to the eye. The data still exists in the page's HTML source code. Screen readers for visually impaired users and search engine crawlers can still pick up this information. Clearing the fields natively ensures the data is truly gone, improving accessibility and preventing potential SEO confusion.
- Robustness: CSS rules can break with theme updates or custom code conflicts. Modifying Liquid files requires coding knowledge and can introduce errors if not done carefully. The native solution is built into Shopify's core functionality, making it stable and reliable.
- Simplicity & Control: No coding required! Any store owner can implement this fix without needing a developer or risking theme modifications. It's a clean, administrative solution.
- Data Integrity: Managing product data directly in the Shopify admin ensures consistency and accuracy, which is crucial for efficient store operations and potential future migrations.
The Bigger Picture: Data Management and Migrations
This discussion highlights a critical aspect of running a successful e-commerce store: meticulous product data management. Whether you're just starting your Shopify journey or considering migrating from another platform, clean and accurate product data is paramount. Incorrect or inconsistent data can lead to customer confusion, operational headaches, and even impact your store's performance.
At Shopping Cart Mover, we often see how messy product data can complicate migrations. Ensuring fields like "Unit quantity" and "Measurement unit" are correctly populated (or intentionally left blank) before, during, or after a migration can save you significant time and effort. If you're looking to start your own Shopify store or migrate an existing one, prioritizing data hygiene from day one will set you up for long-term success.
Conclusion
The Shopify Community is a fantastic resource for finding practical solutions to everyday e-commerce challenges. The lesson from hannahoreilly1's thread is clear: sometimes, the simplest solution is the best. By understanding how Shopify's core features work, you can manage your product displays effectively without resorting to complex code.
So, next time you need to adjust per-unit pricing, remember to check those "Unit quantity" and "Measurement unit" fields. It's the most robust, accessible, and straightforward way to ensure your product pricing is displayed exactly how you intend, enhancing your customers' shopping experience.