/
Deal of the Week

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.

  1. image-20240710-185642.png

    Full-width layout with graphic + button that leads to deal-of-the-week page. This is the most basic format. (Source: Hemlock Hill RV)

  2. image-20240710-190605.png

    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)

  3. 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

  1. Create two pages titled “deal-of-the-week” and “deal-of-the-week-sold”

  2. On “deal-of-the-week”, add a promotion snippet with the following values:

    1. SoldPage – “deal-of-the-week-sold”

    2. ItemTemplate – “UnitPromotion.cshtml” or a custom template if the dealer has one set up.

    3. PromotionTypeId – Place the ID of the Deal of the Week promotion listed in the “Promotions” tab of ICC.

  3. On “deal-of-the-week” add the following scripts to the footer.

    1.  

      <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>

Related content