How to Remove Compare at Price Shopify.

Table of Contents

1. Introduction
2. Understanding 'Compare at Price'
3. How to Remove Compare at Price in Shopify
4. Conclusion
5. FAQs

Introduction

Imagine browsing an online store and coming across a product that catches your eye, only to see two prices listed: the original price crossed out and a discounted price displayed boldly next to it. This pricing strategy, known as the "compare at price," is a common feature in Shopify stores designed to showcase discounts. While it can effectively attract customers by creating a perception of savings, not every business model benefits from this approach.

In fact, many retailers find that displaying the compare at price does not align with their brand image or sales strategy, leading them to seek ways to remove or adjust this feature. Are you among those who feel that the compare at price might complicate your pricing strategy rather than enhance it? If so, you're in the right place. This blog post will provide a comprehensive guide on how to remove the compare at price in Shopify, ensuring your pricing strategy is cohesive and resonates with your target audience.

By the end of this article, you’ll understand the implications of the compare at price feature, the methods available for its removal, and how to implement these changes effectively. We’ll explore everything from simple adjustments in the Shopify admin to more complex modifications in theme code, equipping you with the knowledge to tailor your store's pricing display to your unique needs.

Let’s delve into the details of the compare at price, why you might want to remove it, and how to execute this change seamlessly.

Understanding 'Compare at Price'

The compare at price feature in Shopify allows store owners to display two prices for a product: the original price and the discounted price. This feature is particularly effective in highlighting sales, as it provides a visual cue to customers about the savings they can expect. However, it's essential to recognize that this functionality is not universally advantageous.

Why Use Compare at Price?

• Increased Perceived Value: By showing a discount, customers may feel they are getting a better deal, which can drive conversions.
• Encouragement to Purchase: The perception of saving money can motivate customers to make a purchase they might otherwise have postponed.
• Clear Communication of Promotions: During sales events, the compare at price can help clarify the benefits of purchasing now rather than later.

When to Consider Removing Compare at Price

However, there are valid reasons to consider removing the compare at price:

• Branding Alignment: Some brands, particularly luxury or niche markets, may prefer a clean, straightforward pricing structure that does not emphasize discounts.
• Simplified User Experience: For stores that prioritize simplicity and minimalism, removing the compare at price can enhance the overall shopping experience.
• Avoiding Confusion: If the original price is not significantly higher than the current price, displaying both may confuse customers rather than help them.

How to Remove Compare at Price in Shopify

Removing the compare at price from your Shopify store can be accomplished through various methods, depending on your specific needs and the structure of your store. Below, we outline several approaches to effectively remove or hide this feature.

For Single Products Without Variants

1. Access Your Shopify Admin:

   • Log in to your Shopify admin panel.

2. Navigate to Products:

   • From the left-hand sidebar, select "Products."

3. Select the Product:

   • Click on the product for which you want to remove the compare at price.

4. Adjust Pricing Information:

   • In the pricing section, remove the value from the "Compare at Price" field, leaving it empty.

5. Save Changes:

   • Ensure you click the "Save" button to apply your changes.

For Products With Variants

If you are dealing with products that have multiple variants (e.g., different sizes or colors), you will need to adjust the compare at price for each variant individually. Follow these steps:

1. Access Your Shopify Admin:

   • Log in to your Shopify admin panel.

2. Navigate to Products:

   • Select "Products" from the sidebar.

3. Select the Product with Variants:

   • Click on the product that has variants.

4. Adjust Each Variant's Pricing:

   • Scroll to the "Variants" section. For each variant, remove the value from the "Compare at Price" field.

5. Save Changes:

   • Click "Save" to apply your adjustments across all variants.

Bulk Editing Using Shopify's Bulk Editor

If you need to remove compare at prices for multiple products, Shopify's bulk editor simplifies this process:

1. Access Your Shopify Admin:

   • Log in to your Shopify admin panel.

2. Select Multiple Products:

   • In the "Products" section, check the boxes next to the products you wish to edit.

3. Use the Bulk Editor:

   • Click on "Edit Products" from the bulk actions dropdown, then select "Add Fields" to include the "Compare at Price" field.

4. Remove Compare at Prices:

   • Clear the values in the "Compare at Price" column for all selected products.

5. Save Changes:

   • Click "Save" to finalize your changes.

Using Third-Party Apps for Bulk Editing

For stores with a substantial inventory, utilizing a third-party app such as Konigle's Bulk Price Editor can streamline the process of removing compare at prices:

1. Install the App:

   • Navigate to the Shopify App Store and install the bulk editing app.

2. Select Products:

   • Use the app’s interface to select multiple products for editing.

3. Remove Compare at Prices:

   • Follow the app's instructions to clear the compare at price fields for the selected products.

4. Confirm Changes:

   • Save or apply the changes as instructed by the app.

Editing Theme Code

In some cases, you may prefer to hide the compare at price from being displayed site-wide without deleting the data. This can be accomplished by editing your theme's CSS file:

1. Access Theme Code:

   • From your Shopify admin, go to "Online Store" and then select "Themes."

2. Edit Code:

   • Click on "Actions" next to your active theme and select "Edit Code."

3. Locate the CSS File:

   • Find the CSS file (usually named theme.scss.liquid or similar) in the "Assets" folder.

4. Insert CSS Code:

   • Add the following CSS code at the bottom of the file:

     .price__compare-at { display: none; }
     

5. Backup Your Theme:

   • Always create a backup of your theme before making any changes to the code.

6. Save Changes:

   • Click “Save” to apply your coding changes.

Summary of Removal Methods

• Single Products: Edit individual product pricing directly in the Shopify admin.
• Variants: Adjust each variant’s pricing settings separately.
• Bulk Editing: Use Shopify’s bulk editor or third-party apps for mass removal.
• Theme Code: Hide the compare at price through CSS adjustments.

Conclusion

Removing or adjusting the compare at price feature in Shopify can have a significant impact on how your products are perceived by customers. Whether you're striving for a minimalist aesthetic, aligning with luxury branding, or simply looking to simplify your pricing strategy, understanding how to manage this feature is crucial.

By following the methods outlined in this guide, you can effectively control how prices are displayed in your Shopify store. This not only helps in maintaining a cohesive brand image but also enhances the overall shopping experience for your customers.

As you navigate your e-commerce journey, remember that your pricing strategy is an integral element of your business model. If you're looking for expert guidance on refining your user experience, consider exploring Praella's services in User Experience & Design, Web & App Development, and Strategy, Continuity, and Growth. Together, we can ensure that your online store not only meets but exceeds customer expectations, driving engagement and sales.

FAQs

Q: Will removing the compare at price affect my store's SEO?
A: No, removing or adjusting the compare at price does not directly impact SEO. However, maintaining a cohesive pricing strategy is essential for your overall marketing approach.

Q: Can I toggle the compare at price on and off easily?
A: While there is no direct toggle, you can adjust or remove the compare at price through the methods outlined, depending on your needs.

Q: Is it necessary to remove compare at prices for discounts to be effective?
A: Not necessarily. The effectiveness of discounts can vary based on your target audience and how they perceive value.

Q: Can I hide the compare at price without deleting the data?
A: Yes, by editing your theme's CSS, you can display a clean pricing structure without removing the compare at price data.

Q: What if I'm not comfortable editing theme code?
A: If you're uncertain about editing code, consider hiring a professional or reaching out to Shopify support for assistance. They can help you make the necessary adjustments safely.

By incorporating these strategies, you can optimize your Shopify store's pricing presentation, ensuring it resonates with your brand's ethos and appeals directly to your target audience.