(V5) Custom Discount - Customer group pricing, quantity discounts, and specials Print

What is Custom Discount?

Custom Discount is an all-in-one bulk sale and customer group pricing extension to Ozcart. You can find it in the Marketing menu in your dashboard.

If you're looking to set up the following promotions, you can use Custom Discount:

• Apply different pricing to different customer groups.
• Have a sale for all products.
• Put certain categories, certain products, and certain brands on sale.
• Set up quantity discounts using a mixture of the above.
• Have a sale and quantity discount for a limited time where you can choose from what date to what date, which days, and at what time.
• Mix any of the above to set up any type of discount.

You can enable or disable a countdown timer to help promote your products.
You can choose to display a discount label/ribbon for specials (the label that shows up on a product image that displays the amount discounted, e.g., 5% off). Not for quantity discounts.

Tips:

1. When you have more than one Discount, found below Global Settings, you can drag and drop them to re-order them in the list.
2. You can clone/duplicate a Discount to save time. Click the yellow 'Copy this Discount' button, found on the right, when editing a Discount.

Enabling or Disabling Custom Discount

To enable or disable Custom Discount, navigate to Design > Blocks > and click the Deactivate/Activate button.

Important: Deactivating it will erase all of your Discounts and settings in Custom Discount.
If you only want to disable a certain Discount, you can set the status of that Discount to 'Disabled' from inside of Custom Discount.
If you want to temporarily disable all Discounts or all of Custom Discount, then, in Custom Discount, click on Global Settings and set the Global Status to 'Disabled'.

Discount Types

Custom Discount features 3 types of discounts.
Tip: Do not enter the currency symbol anywhere. However, if you use percentage, you must enter the % symbol.

1. Flat Value: Use when you want to apply a simple discount amount, such as 5 or 5%.
   
   
2. Quantity Discount: Use for quantity discounts (product quantity). You must click the 'Add New' button to add a new row.
   For example, you want to discount a product by 5% when a customer adds to cart 2 to 4 of that product (add a new row - enter 2 in the 'From' field - enter 4 in the 'To' field - enter 5% in the 'Discount amount' field), and by $25 if he adds to cart 5 to 10 of that product (add a new row - enter 5 in the 'From' field - enter 10 in the 'To' field - enter 25 in the 'Discount amount' field).
   Tip: If you want a quantity discount to be, for example, from 10 to unlimited, then enter 10 in 'From' and enter a large number like 999999 in 'To'.
   
   
3. Product Price: Use when you want to have a sale for the products whose pricing is targeted in the table. For example, if a product price falls between 2 and 15, then the price will be deducted by $5 or 5% (add a new row - enter 2 in the 'From' field - enter 15 in the 'To' field - enter 5% or 5 in the 'Discount amount' field). This basically tells Custom Discount that you only want to affect products whose prices fall within the range set in the 'From' and 'To' fields.

For any of the above, you can limit the maximum amount discounted by entering a value in the 'Maximum discount amount' field. Example: If you have 3 products that are priced differently and you would like to discount them using the same Discount, but yet you want to limit the amount to a maximum of 100$ discounted, you would enter 100 in 'Maximum discount amount'. It works well with percentage discounts as it prevents unintended major discounts.

Customize the design of the Label/Ribbon and Countdown Timer

Here we'll show you how to change the design and colour of the label/ribbon and countdown timer. To change the design, you will have to add your custom CSS rules to the Custom CSS field located in the Global Settings tab or, to keep your custom CSS together in one place, add it to Ozcart's Custom CSS area.

Here are some examples that you can use (you can also come up with your own):

Example 1: Red round label/ribbon on the left side

Required CSS rules

.customdiscount_ribbon_container {
	position: absolute;
	top: 3px;
	left: 12px;
}
.customdiscount_ribbon {
	background: #f85050;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	line-height: 44px;
	text-align: center;
}
.customdiscount_ribbon:before {
	display: none;
	content: "";
	height: 0;
	width: 0;
	top: 0px;
	right: -10px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 30px solid #2f96c9;
}

Example 2: Yellow label/ribbon on the right side

Required CSS rules

.customdiscount_ribbon_container {
	position: absolute;
	top: 3px;
	right: 12px;
	left: initial;
}
.customdiscount_ribbon {
	background: #fcd800;
	color: #111 !important;
	padding: 0px 10px;
	font-size: 14px;
	width: initial;
	height: initial;
	line-height: initial;
	border-radius: 0px;
}
.customdiscount_ribbon:before {
	display: none;
	content: "";
	height: 0;
	width: 0;
	top: 0px;
	right: -10px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 30px solid #2f96c9;
}

Example 3: Blue right trapezoid label/ribbon on the left side

Required CSS rules

.customdiscount_ribbon_container {
	position: absolute;
	top: 3px;
	left: 12px;
}
.customdiscount_ribbon {
	background: #2f96c9;
	height: 30px;
	width: auto;
	display: inline-block;
	position: relative;
	color: #fff !important;
	line-height: 30px;
	padding: 0 10px;
	border-radius: 0px;
}
.customdiscount_ribbon:before {
	content: "";
	height: 0;
	width: 0;
	top: 0px;
	right: -10px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 30px solid #2f96c9;
}

Example 4: Green label/ribbon on the bottom

Required CSS rules

.customdiscount_ribbon_container {
	position: initial;
	top: auto;
	left: auto;
}
.customdiscount_ribbon {
	background: #8bc269;
	color: #fff !important;
	font-weight: 600;
	font-size: 16px;
	border-radius: 25px;
	width: initial;
	height: initial;
	line-height: initial;
}
.customdiscount_ribbon:before {
	display: none;
	content: "";
	height: 0;
	width: 0;
	top: 0px;
	right: -10px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 30px solid #2f96c9;
}

Example 5: Countdown timer with white background

Required CSS rules

.customdiscount_content ._box {
     border: 1px solid #319cd1;
     background-color: #f5f5f5;
     position: relative;
 }
 .customdiscount_content ._box ._box_label {
     position: absolute;
     bottom: 2px;
     width: 100%;
 }
 .customdiscount_content ._box ._box_content {
     padding: 15px 0 25px 0;
     background-color: #fff;
     color: #3098cc !important;
 }

Example 6: Black Countdown Timer

Required CSS rules

.customdiscount_content ._box {
     border: none;
     background-color: transparent;
 }
 .customdiscount_content ._box ._box_content {
     padding: 15px 0;
     background-color: #020202;
     box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
 }

Example 7: Gradient Countdown Timer

Required CSS rules

.customdiscount_content ._box {
     border: 1px solid #7bc2ec;
     background-color: #f5f5f5;
 }
 .customdiscount_content ._box ._box_content {
     font-size: 22px;
     padding: 14px 0px;
     background: linear-gradient(0deg, #3f6a7f, #84d6ff);
     color: #fff !important;
     box-shadow: 0px 0px 5px 0px rgb(77, 171, 228);
 }
 .customdiscount_content ._box ._box_label {
     background: #e4f6ff;
     border-bottom: 1px solid #7bc2ec;
 }

Example 8: Round Countdown Timer

Required CSS rules

.customdiscount_content ._box {
     border: none;
     background-color: transparent;
     position: relative;
	 flex-basis: 105px;
 }
@media only screen and (max-width: 990px) {
	.customdiscount_content ._box {
		flex-basis: 25%;
	}
}
.customdiscount_content ._box ._box_content {
     padding: 22px 0;
     background-color: #d7f2ff;
     color: #101010 !important;
     border-radius: 50%;
     height: auto;
     font-size: 28px;
     border: 3px solid #319cd0;
 }
.customdiscount_content ._box ._box_label {
     position: absolute;
     bottom: 8px;
     width: 100%;
	 font-size: 15px;
     color: #1c84b7 !important;
 }

Example 9: Green Countdown Timer

Required CSS rules

.customdiscount_content ._box {
    border: 1px solid #ccc;
    background-color: #3fbf91;
    padding: 5px;
}
.customdiscount_content ._box ._box_content {
    background-color: #288267;
    color: #fff !important;
}
.customdiscount_content ._box ._box_label {
    color: #fdfdfd !important;
    padding: 0px 0px 2px 0px;
}

Example 10: Countdown Timer Without Hour Box

Required CSS rules

.customdiscount_content ._days {
    display: none;
}
.customdiscount_content ._box {
    flex-basis: 33%;
}

We hope you enjoy using Custom Discount!
If you have any questions, please submit a ticket and we'll be happy to help you.