How to Hide Prices of Products In A Collection (Step-by-Step Guide) - eCommerce Thesis

How to Hide Prices of Products In A Collection (Step-by-Step Guide)

Why Hide Product Prices in a Collection?

Sometimes, displaying prices publicly isn’t ideal for your business. Here’s why merchants hide product prices:

Wholesale/B2B Stores: Encourage buyers to contact you for bulk pricing.

Exclusive Memberships: Show prices only to logged-in customers.

Custom Quote Products: Prices vary based on customization (e.g., furniture, services).

Pre-Launch Teasers: Build hype before revealing prices.

πŸ”Ή Benefits:

βœ” Better lead generation

βœ” Increased customer inquiries

βœ” More control over pricing strategy

How to Hide Prices in a Collection (3 Methods)

Method 1: Shopify (Using Code or Apps)

Go to Shopify Admin β†’ Themes β†’ Edit Code

Locate the product price snippet (usually product-price.liquid).

Add this CSS to hide prices:

.price { display: none; }  

Replace with a “Contact for Price” button if needed.

πŸ“Ή Video Tutorial: How to Hide Prices in Shopify

Method 2: WooCommerce (Plugin or Custom CSS)

Install “WooCommerce Catalog Visibility Options” plugin.

Enable “Hide Prices” in settings.

OR add custom CSS:

.woocommerce-Price-amount { display: none; }  

πŸ“Ή Video Tutorial: Hide Prices in WooCommerce

Method 3: BigCommerce & Other Platforms

BigCommerce: Use “Price Lists” or edit the theme template.

Custom Solutions: JavaScript or conditional pricing rules.

Pro Tips for Hidden Pricing

βœ… Replace prices with “Call for Pricing” or “Login to View” buttons.

βœ… Use membership plugins (like MemberPress) for exclusive pricing.

βœ… Test on mobile & desktop for consistency.

Final Thoughts

Hiding product prices helps control customer interactions and boosts inquiries. Whether you’re running a wholesale store or a custom service business, these methods ensure a seamless shopping experience.