This example shows products with no grouping, a callback, all trigger types, and one product that is not set up for VS which instead uses the On Demand service.
<!-- product -->
<img class="technologovs" data-technologovs='{"sku360":"TRA605002"}' src="/images/examples/products/TRA605002.jpg" />
<!-- logos -->
<img class="technologovs" data-technologovs='{"type":"logo"}' src="/images/examples/logos/wikimedia.png" />
<img class="technologovs" data-technologovs='{"type":"logo"}' src="/images/examples/logos/target.png" />
<button class="technologovs" data-technologovs='{"type":"logo", "src": "http://code.customerfocus.com//images/examples/logos/gheye.png"}'>Apply G.H.Eye logo</button>
<a class="technologovs" data-technologovs='{"type":"logo", "src": "http://code.customerfocus.com//images/examples/logos/ecogifts.png", "ref":"ecogifts"}' href="#">Apply Eco Gifts logo</a>
<!-- listener -->
<input class="technologovs" data-technologovs='{"type":"listener", "callback":"listenerCallback"}' />
<p id="listenerCallbackExample"> </p>
<script>
$(function(){
$('.technologovs').technologovs();
});
function listenerCallback(data){
var content='listener callback: <b>' + data + '</b>';
$('#listenerCallbackExample').html(content);
}
</script>