Astuce Woocommerce : Zoom sur les images des produits avec variations

Woocommerce zoom products variations

Pour obtenir un effet de zoom au survol des photos sur Woocommerce, il existe le plugin WooCommerce Image Zoom Celui-ci fonctionne très pour les produits simples, mais à partir du moment où vous avez un produits avec des variations, cela ne fonctionnera pas (seule la photo par défaut sera zoomée).…

Lire cet article

Les websocket – Tutoriel avec Node JS

Qu’est ce que les websockets ? Définition de wikipédia : Le protocole WebSocket vise à développer un canal de communication bidirectionnel et full-duplex sur un socket TCP pour les navigateurs et les serveurs web. C’est une des technologies apportées par HTML5. En fait il s’agit de permettre l’ouverture d’une connexion…

Lire cet article

LightBox automatique sur les liens vers des images (TinyMCE et CMS Made Simple)

Un mini tuto pour expliquer comment activer automatiquement Lightbox quand on défini un lien vers une image avec l’éditeur TinyMCE sur CMS Made Simple. il faut bien sur que vous ayez installé au préalable le module Lightbox depuis le gestionnaire de modules de CMS Made Simple.

Lire cet article

Activer les templates TinyMCE sur CMS Made Simple

Dans cet article je vais expliquer une petite astuce qui me sert souvent sur CMS Made Simple : l’activation des templates prédéfinis pour l’éditeur WYSIWYG TinyMCE. En effet il est uniquement possible depuis l’interface d’administration de CMS Made Simple d’activer le plugin template de TinyMCE mais pas d’en ajouter. C’est…

Lire cet article

Utiliser la balise canvas pour lire une vidéo – HTML5

La balise video de HTML permet de lire directement une vidéo dans le navigateur. Une autre possibilité que propose HTML5 est de lire une vidéo dans un <canvas>. Cela peut avoir plusieurs avantages : modification de l’affichage (taille, découpe, etc…), ajout d’informations en surimpression de la vidéo, de filtres de…

Lire cet article

HTML5 – Utiliser le localStorage

Une autre nouveauté proposé par le HTML5 va faire l’objet de ce tutoriel : le localStorage et le sessionStorage Définition et utilité Le localStorage et le sessionStorage permettent de faire sensiblement la même chose : stocker des données directement dans le navigateur, donc coté client. La différence entre les 2…

Lire cet article