Top

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: