...
Create two pages titled “deal-of-the-week” and “deal-of-the-week-sold”
On “deal-of-the-week”, add a promotion snippet with the following values:
SoldPage – “deal-of-the-week-sold”
ItemTemplate – “UnitPromotion.cshtml” or a custom template if the dealer has one set up.
PromotionTypeId – Place the ID of the Deal of the Week promotion listed in the “Promotions” tab of ICC.
On “deal-of-the-week” add the following scripts to the footer.
Code Block <script src="https://assets-cdn.interactcp.com/interactrv/js/common_netcore/countdown.js" type="text/javascript"></script>
b.
Code Block <script type="text/javascript">$('.dow-unit-content.hidden').removeClass('hidden');</script>c.
Code Block <script>// <!--CDATAOPENTAG--> $(function () { $('.dow-countdown-large').each(function() { var endDay = new Date($(this).attr('data-end-date')); $(this).countdown({until: endDay}); }); }); // <!--CDATACLOSETAG--></script>
Variations
Deal of the Week - Synced Version
The variation of the above script makes an AJAX call to /deal-of-the-week to get the countdown end date value. If the value cannot be found, the countdown will default to manually specified parameter. Place this script on the page that hosts the countdown element linking to /deal-of-the-week.
| Code Block |
|---|
<script>
$(function () {
function getNextDayOfWeek(date, dayOfWeek) {
var resultDate = new Date(date.getTime());
resultDate.setDate(date.getDate() + (7 + dayOfWeek - date.getDay() - 1) % 7 +1);
resultDate.setHours(0,0,0,0);
return resultDate;
}
var date = new Date();
var dayOfWeek = 2;
var until = getNextDayOfWeek(date, dayOfWeek);
console.log(until);
$(document).ready(function () {
const xhttp = new XMLHttpRequest();
const ajaxURL = "/deal-of-the-week"
xhttp.onload = function () {
var unitCountdown = $($.parseHTML(this.responseText)).find(".dow-unit-countdown")
var unitCountdownVal
if (unitCountdown.length > 0) {
unitCountdownVal = new Date(unitCountdown.data("end-date"));
console.log("Found Countdown end value on " + ajaxURL + ": " + unitCountdownVal);
$('#defaultCountdown').countdown({ until: unitCountdownVal, format: 'dHMS' });
}
else {
console.log("Countdown value not found. Defaulting to " + unitCountdownVal);
$('#defaultCountdown').countdown({ until: until, format: 'dHMS' });
}
}
xhttp.open("GET", ajaxURL, true);
xhttp.send();
})
});
</script> |
We can also do a Deal of the Month. See Chesaco RV for an example.
...