Display Regular Prices Beside Wholesale Prices

 Alert

Making these changes within your theme requires knowledge of CSS and basic liquid knowledge. If you are not comfortable with completing this on your theme or would like to add a similar customization to your store, one of our partners could create this for you as a paid customization. Please request this through HeyCarson via this form.

Overview

Custom Pricing is designed to show wholesale prices to customers who are signed into their account. However, you may want to show both the regular and wholesale prices to your logged in wholesale customers.

Note: You do not have to add the price code to each of the files listed below if you don't want to display them in those locations. As well, these are general instructions that are applicable to the most commonly used themes. Thorough testing should be completed post-installation to ensure the customization is working on your theme.

To display both the regular and wholesale prices to your logged in customers, please follow these steps:

  1. From Shopify's admin, select Online Store, then Actions > Edit code beside the theme you would like to add this customization to.
  2. Under "Templates", select product.liquid.

    Note: If your theme is using "Sections", the contents for this file may be located within product-template.liquid.

  3. Find each instance of the price code where you want to display your regular prices.

    Find Product Price

  4. Copy and paste the following code under these price code sections: 
    <span class="money-template" data-product-id="{{ product.id}}" style="visibility:hidden;"> 
    <script type="text/template"></script>
    {% raw %}
    {{#has_saved}}
    <del>
    <span class="bold-pre-compare-price">
    {{original}}
    </span>
    </del>
    {{/has_saved}}
    {% endraw %}
    </span>

    Paste Product Price Code

  5. Repeat Steps 3 - 4 for every instance where you want to show this price.

    Find Product Price

  6. Select Save.

Continuing within the theme files, complete the following steps:

  1. Under "Templates", select collection.liquid.

    Note: If your theme is using "Sections, the contents for this file may be located within collection-template.liquid.

  2. Find each instance of the price code where you want to display your regular prices.

    Find Collection Price

  3. Copy and paste the following code under these price code sections:

    <span class="money-template" data-product-id="{{ product.id}}" style="visibility:hidden;"> 
    <script type="text/template"></script>
    {% raw %}
    {{#has_saved}}
    <del>
    <span class="bold-pre-compare-price">
    {{original}}
    </span>
    </del>
    {{/has_saved}}
    {% endraw %}
    </span>

    Paste Collection Code

  4. Repeat Steps 2 - 4 for every instance where you want to show this price.

    Find Collection Price

  5. Select Save.

Continuing within the theme files, complete the following steps:

  1. Under "Templates", select cart.liquid.

    Note: If your theme is using "Sections, the contents for this file may be located within cart-template.liquid.

  2. Find each instance of the price code where you want to display your regular prices.

    Find Cart Price

  3. Copy and paste the following code under these price code sections:

    <span class="money-template" data-line-index="{{ forloop.index0 }}" style="visibility:hidden;"> 
    <script type="text/template"></script>
    {% raw %}
    {{#has_saved}}
    <del>
    <span class="bold-pre-compare-price">
    {{original}}
    </span>
    </del>
    {{/has_saved}}
    {% endraw %}
    </span>

    Paste Cart Code

  4. Repeat Steps 2 - 3 for every instance where you want to show this price.

    Find Cart Price

  5. Select Save.

Was this article helpful?
0 out of 0 found this helpful