HearthPwn Tooltip Syndication Instructions

Tooltip Example

To take advantage of the tooltip functionality you will need to make sure your website includes the JQuery Javascript library as well as our tooltip library.

I have JQuery already

Simply copy and paste this HTML code snippet into the code of your website. This should be added after you include your JQuery script.

<script type="text/javascript" src="http://static-hearth.cursecdn.com/current/js/syndication/tt.js"></script>

I don't have JQuery yet

If you don't have JQuery installed yet, you should copy and paste both of these HTML code snippets in the code of your website.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="http://static-hearth.cursecdn.com/current/js/syndication/tt.js"></script>


Once you've finished inserting the script onto your site, all links to entries in the HearthPwn database will receive tooltips. Check out some of our example usage scenarios! We'll be creating tooltips for Cenarius.

Normal Tooltips

Regular card tooltips are created by linking directly to a card. Example: Cenarius

<a href="http://www.hearthpwn.com/cards/605-cenarius">Cenarius</a>

Golden Tooltips

Golden tooltips require you to place #gold at the end of the card URL. Example: Cenarius

<a href="http://www.hearthpwn.com/cards/605-cenarius#gold">Cenarius</a>

It's as simple as that!