FacebooktwitterYouTube

Adding Icons to Rakeback Navigation

Adding Icons to Rakeback Navigation

Add icons to your rakeback navigation, make browsing offers easier for users.

Installation Instructions

Nav Rakeback Offers

  1. Copy the following code:
    <div id="pas_nav_offers">
    <table cellspacing="0" class="pas_stripe">
    <thead>
      <tr>
        <th colspan="3">
    	Rakeback Offers		
    	</th>
        </tr>
    </thead>
    <tbody>
    {% for offer in rb_offers %}
    <tr class="offer" link="{{ offer.review_page }}">			 
        <td><a href="{{ offer.review_page }}"><img src="{{ tld }}/images/icons/icon_{{ offer.image_id }}.gif" /></a></td>
        <th><a href="{{ offer.review_page }}">{{ offer.name }}</a></th>
    	<td>{{ offer.reward }}</td>
    	</tr>
    {% endfor %}
    </tbody>
    </table>
    </div>
  2. Log into your CMS
  3. Open layout > layout.html
  4. Find current Rakeback Offers navigation table with wrapping pas_nav_offers div and highlight.
  5. Press CTRL + V to paste over the previous contents with the text you copied above.
  6. Save the file.

Nav Bonus Offers

  1. Copy the following:
    <div id="pas_nav_offers">
    <table cellspacing="0" class="pas_stripe">
    <thead>
      <tr>
        <th colspan="2">Bonus Offers</th>
      </tr>
    </thead>
    <tbody>
    {% for offer in bonus_offers %}
      <tr class="offer" link="{{ offer.review_page }}">
        <td><a href="{{ offer.review_page }}"><img src="{{ tld }}/images/icons/icon_{{ offer.image_id }}.gif" /></a></td>
        <td><a href="{{ offer.review_page }}">{{ offer.name }}</a><br/>
        {{ offer.reward }}</td>
      </tr>
    {% endfor %}
    </tbody>
    </table>
    </div>
  2. Log into your CMS
  3. Open layout > layout.html
  4. Find current Bonus Offers navigation table with wrapping pas_nav_offers div and highlight.
  5. Press CTRL + V to paste over the previous contents with the text you copied above.
  6. Save the file