Shopify Pricing Clarity: Easily Hide Per-Unit Prices on Specific Products

Ever found yourself wanting to display 'per unit' pricing for some products on your Shopify store, but absolutely not for others? It's a common scenario. For items sold by weight or volume, like coffee or fabric, showing "£X.XX/kg" is incredibly helpful. But for a unique handmade item, seeing "$Y.YY/each" can feel redundant, even clunky. This exact dilemma recently sparked a great discussion in the Shopify Community forums, and the simple, elegant solution is something every store owner should know.

Our merchant, hannahoreilly1, initially asked for help using CSS to hide per-unit pricing on specific products. And it's a natural first thought! When you want to change how something looks on your store, CSS often comes to mind. However, as the community discussion unfolded, a much more robust and native Shopify solution emerged.

Why Hiding with CSS Isn't Always the Best Approach

When hannahoreilly1 considered CSS, Steve_TopNewYork, a helpful community member, quickly chimed in with some crucial advice. While CSS can make an element invisible, it doesn't remove it from your page's underlying code. This has a few downsides:

• Accessibility: Screen readers, used by visually impaired customers, might still pick up and announce the hidden pricing, leading to a confusing user experience.
• SEO & Data Integrity: Search engines and other automated tools could still see this 'hidden' data, potentially causing inconsistencies or unexpected results.
• Maintenance: Managing conditional hiding with CSS alone can become complex as your product catalog grows.

Steve suggested a more advanced approach involving metafields or product tags combined with Liquid code in your theme. This is a powerful method for truly conditional rendering if you need to keep the data but hide it based on complex rules. However, for simply not showing the unit price at all, there's an even easier way!

The "Aha!" Moment: The Native Shopify Solution

Sometimes, the simplest solution is the most effective. Hannah herself discovered the native fix and shared her "aha!" moment with the community:

“I just deleted the per unit pricing from the product itself so it doesn’t show - I totally overcomplicated this. Just noting in case someone finds the thread!”

She absolutely nailed it! Ecom_swift_LLC later confirmed that this is indeed the "correct native fix," and it works beautifully because of how Shopify handles these specific fields.

How Shopify's Per-Unit Pricing Works (and How to Turn It Off)

Shopify's per-unit pricing only displays when two specific fields on a product are filled in: the Unit quantity and the Unit measurement. If these fields are empty, Shopify simply doesn't have the data to display, so the per-unit price won't appear on your storefront. It's that simple!

Step-by-Step: Hiding Per-Unit Pricing for a Single Product

If you only need to adjust a few products, here’s the quick process:

1. Go to your Shopify Admin and navigate to Products.
2. Click on the specific product you want to modify.
3. Scroll down to the Pricing section.
4. Locate the fields for Unit quantity and Unit measurement.
5. If there are any values in these fields, delete them so the fields are completely blank.
6. Click Save in the top right corner.

And just like that, the per-unit pricing for that product will vanish from your online store!

Bulk Editing: Hiding Per-Unit Pricing for Many Products at Once

What if you have dozens or even hundreds of products where you need to hide this information? Ecom_swift_LLC shared a fantastic time-saving tip: use Shopify's built-in bulk editor!

1. From your Shopify Admin, go to Products.
2. Select the checkboxes next to all the products for which you want to hide the per-unit pricing.
3. Click the "Bulk edit" button that appears at the bottom of the page.
4. In the bulk editor, you might not see the "Unit quantity" and "Unit measurement" columns by default. Click on "Columns" (it usually looks like a small icon or text link).
5. From the list of available columns, find and select "Unit quantity" and "Unit measurement" to add them to your bulk editor view.
6. Now, in the bulk editor table, you’ll see these new columns. Simply clear out the values for both "Unit quantity" and "Unit measurement" for all your selected products. You can often click and drag your mouse to quickly clear multiple cells.
7. Once you've cleared the fields, click Save.

This method is incredibly efficient and can save you hours of manual work!

Why This Native Fix Is Superior

This simple, native approach is a winner for several reasons, echoing the insights from the community discussion:

• Truly Removed: You're not just hiding data; you're removing the source data. This leads to cleaner code and better performance.
• Fully Accessible: No hidden elements to confuse screen readers or assistive technologies.
• SEO-Friendly: Avoids any potential issues with search engines misinterpreting hidden content.
• No Coding Required: It's a no-code solution, meaning anyone can do it without needing a developer or theme customization.
• Secure: You don't need to share your store's sensitive login information with anyone, as the solution is entirely within your own admin panel.

So, the next time you're fine-tuning your product displays, remember this powerful, yet simple, trick. It's a prime example of how tapping into the collective wisdom of the Shopify Community can lead to elegant solutions right within your admin panel. Whether you're an experienced merchant or just starting your Shopify store, mastering these native features will make managing your online business so much smoother. Happy selling!