Fork me on GitHub

Kiubi API - Shortcode

Utilisation de shortcode avec l'API de Kiubi



Encart produit

Cette page est une démonstration de l'utilisation de l'API kiubi et du plugin shortocode.js.
L'objectif est de faciliter l'intégration d'un encart produit à l'aide d'un shortcode.


Pré-requis

Pour fonctionner, ce shortcode requiert les fichiers javascripts suivants :
<script src="{cdn}/js/kiubi.api.pfo.jquery-1.0.min.js"></script>
<script src="shortcode.js"></script>
<script src="product.tpl.js"></script> 
<script src="product.shortcode.js"></script>
<script>
jQuery(function($){
    $.shortcode(); // remplace tous les shortcodes enregistrés dans la page
});
</script>

Utilisation

Insérer ensuite dans la page le shortcode suivant (en remplaçant la chaine xx par l'identifiant unique du produit) :
Nullam sit amet elit cursus, lobortis urna egestas, molestie tellus. Aenean eros nibh, lobortis nec porttitor ut, commodo sodales magna. Etiam fringilla vel orci at dapibus. Sed nisi sem, placerat aliquam mauris sed, venenatis tincidunt urna. Praesent hendrerit vestibulum elit, a feugiat elit mollis eu. Etiam sed nibh velit.

[product id=xx]

Fusce nec tincidunt risus, lacinia vulputate tortor. Sed eget arcu a justo rutrum semper eget bibendum nisi. Etiam eget ante in purus auctor placerat. Proin viverra interdum volutpat. Phasellus vestibulum, risus sit amet congue dignissim, orci nunc pharetra nibh, in varius sapien orci ac tortor.

Résultat

Nullam sit amet elit cursus, lobortis urna egestas, molestie tellus. Aenean eros nibh, lobortis nec porttitor ut, commodo sodales magna. Etiam fringilla vel orci at dapibus. Sed nisi sem, placerat aliquam mauris sed, venenatis tincidunt urna. Praesent hendrerit vestibulum elit, a feugiat elit mollis eu. Etiam sed nibh velit. [product id=192] Fusce nec tincidunt risus, lacinia vulputate tortor. Sed eget arcu a justo rutrum semper eget bibendum nisi. Etiam eget ante in purus auctor placerat. Proin viverra interdum volutpat. Phasellus vestibulum, risus sit amet congue dignissim, orci nunc pharetra nibh, in varius sapien orci ac tortor.
Haut de page