eCommerce: Sale Prices

Customers love discounts and deals. Putting a product on sale or showing that this very price is less than a customer will find elsewhere is a great way to get more orders. And this is how the Sale price feature works.

To show that a product is on sale, you can set the "Compare to" price for it. This price will be struck out to demonstrate the discount. The product will also have an ON SALE label. Here is how it looks in the catalog:

Sale price in your store

And here how it looks in the product page:

Sale price in the product page

Setting up a Sale price

  1. Gehen Sie zu Ecwid Control Panel → Katalog → Produkte.
  2. Öffnen Sie das Produkt, das Sie bearbeiten möchten.
  3. Click the arrow next to the price:

Click the arrow to set the Sale price

  1. Add the "Compare to" price. This price will be struck out and must be higher than the actual price you sell for:

Add the Compare to price

  1. Save the changes. 

Customizing Sale prices

You can set the display options and wording of the Compare to prices in your Ecwid Control Panel → Settings → General → Cart & Checkout, "Compare to" price section. There you can set:

  • where to display "Compare to" prices (product details pages only or both product listing and product details pages)
  • what text to show at "Compare to" prices (e.g. 'was', 'List price' etc.)
  • how to display discount values (in percents or absolute values)

Sale price settings

Changing the look of "Sale price"

You can change the color of the ON SALE tag:

  1. Go to Ecwid Control Panel → Settings → Design → CSS themes.
  2. Add the code below to your custom theme if you have one. If you do not have one, create one now.
/* change on sale label color */

.ec-size .ec-store .label--notice { 
   background-color: RED; 
 }

  1. Change RED in the background-color to the color you want.
  2. Speichern Sie die Änderungen.

Here is how it looks in your store:

red_tag__1_.png