Honyb Custom Embed Project
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
colorbox
easyxdm
honybox
.gitignore
README.md
honyb.css
honyb.js
jquery.formatCurrency-1.4.0.js
jquery.formatCurrency-1.4.0.pack.js
jquery.honyb.js
jquery.mustache.js
user-guide.html

README.md

HONYB INSTALL

Prerequisites

  • jQuery v. 1.7.1 or later

Add Honyb JavScript File

Honyb integration requires a single addition to the of your page.

Edit "path_to" to be the actual path to honyb.js

<!-- honyb begin -->
<script type="text/javascript" src="path_to/honyb.js"></script>
<!-- honyb end -->

Display Product Brief

The product brief display will should a small cover, the title, and the description, along with a buy link.

<div class='honyb-embed' data-sku='978....'></div>

Or, to display multiple products at once:

<div class='honyb-embed' data-sku='9781...., 9782..., 9783..., ....'></div>

Inline Link

Sometimes you want to add links inline. Use the same syntax, but this time use a SPAN tag instead of the DIV.

<span class='honyb-embed' data-sku='978...'>The title will display here automatically!</span>

Cover and Buy Button

<div class="hony-embed" data-sku='9781...' data-view='cover-buy'></div>

Floated to the left:

<div class="hony-embed left" data-sku='9781...' data-view='cover-buy'></div>

Floated to the right:

<div class="hony-embed right" data-sku='9781...' data-view='cover-buy'></div>