Use Custom Sales Icons

To use a custom sales icon, follow these steps:

  1. From "Shopify Admin" select Settings.

    select settings 

  2. Select Files.

    select files 

  3. Select Upload files.

    select upload files 

  4. Select your custom icon.

    select your custom icon 

  5. Select Open.

    select open 

  6. Copy the URL to the image.

    copy the url 

  7. Duplicate themes, to create a backup copy.
  8. From "Shopify Admin", select Online Store.

    select online store 

  9. Select Actions.

    Select Actions 

  10. Select Edit code.

    Select Edit code 

  11. Under "Snippets", select shappify-sales-icon-product.liquid.

    Select shappify-sales-icon-product.liquid 

  12. Copy and paste the URL in the img src.

    copy and paste the url 

  13. Select Save.

    Select save 

  14. Under "Snippets", select shappify-sales-icon-collection.liquid.

    Select shappify-sales-icon-collection.liquid 

  15. Copy and paste the URL from step 6 in the img src.

    paste the url 

  16. Select Save.

    Select save 

That's it!

Note: If you would like to replace the image with text, replace the entire image code with:

<p>Item is on sale!</p>

You can change the text to any you wish to display.

Image code

Next Steps:

Blog Posts: