Display Regular Prices Beside Wholesale Prices

Overview

Custom Pricing is designed to automatically show just the prices that a wholesale customer qualifies for when they're signed into their account.

However, you may want to show both the regular and wholesale prices to your 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 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