Display Regular Prices Beside Wholesale Prices

Custom Pricing is designed to show only the 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. To do this, you can add some code to each of the files listed below to make this customization.

If you don't want to display both prices in all locations, simply add them only to the files you like. Please keep in mind, 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.

 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.

 


 

  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