Deal of the Week
The “Deal of the Week” feature is a promotional feature dealers can utilize to feature specific units on a timer that have a special price. The dealer controls which units are added to this feature using the Products > Promotions tab. When the FED team is asked to add Deal of the Week, we should not be adding units for the dealer, we should just be adding the code and scripts necessary for this to display wherever the dealer has requested it be displayed.
Homepage
To add the Deal of the Week to the homepage, see here for the appropriate code blocks. Not all dealers will want this on their homepage, but if they do, we need to figure out a way to add it to the page so that it looks nice and matches aesthetically with the rest of the homepage. See below for some visual examples.
Full-width layout with graphic + button that leads to deal-of-the-week page. This is the most basic format. (Source: Hemlock Hill RV)
Full-width layout featuring a tab/button that leads to deal-of-the-week page. This is also a fairly basic format. The banners below the button are not related to the Deal of the Week pages. (Source: General RV)
Full-width layout with timer and button link to deal-of-the-week page. More complex as it requires additional scripts and styling, but one of the more common iterations. (Source: Parkland RV Center)
Promotional Pages
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.
<script src="https://assets-cdn.interactcp.com/interactrv/js/common_netcore/countdown.js" type="text/javascript"></script>
b.
<script type="text/javascript">$('.dow-unit-content.hidden').removeClass('hidden');</script>
c.
<script>// <!--CDATAOPENTAG--> $(function () { $('.dow-countdown-large').each(function() { var endDay = new Date($(this).attr('data-end-date')); $(this).countdown({until: endDay}); }); }); // <!--CDATACLOSETAG--></script>