Lacier
  • Alternance Lacier
    • Gestion des Canvas dans le Panier
    • Chatbot
      • Étapes pour intégrer la suggestion de produit
    • Monitoring
    • Compression Image Excel
    • Inventaire
    • Gravure Laser
    • Cleaner Module
    • Scripts JavaScript Indépendants
      • Croix pour fermer le widget d'avis
      • Section Instagram
      • Section Panier Commander
      • Chatbot
    • Notification de Retard de Commande
    • Gestion des Templates de Mails
    • Relance Devis
    • Image FIlter
    • Affichage des produits
    • Attribute Replacer
Powered by GitBook
On this page
  1. Alternance Lacier
  2. Scripts JavaScript Indépendants

Section Instagram

Ce script améliore la présentation de la section Instagram avec des styles et des animations responsives pour le bouton.

document.addEventListener("DOMContentLoaded", function() {
    var instagramHeader = document.querySelector(".ybc_instagram_header");
    var instaButton = document.querySelector(".ins_button_grab");

    if (instagramHeader && instaButton) {
        instagramHeader.style.display = "flex";
        instagramHeader.style.flexDirection = "column";
        instagramHeader.style.textAlign = "center";

        instaButton.style.padding = "10px 20px";
        instaButton.style.background = "linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045)";
        instaButton.style.transition = "background 0.5s ease";

        instaButton.addEventListener("mouseenter", function() {
            instaButton.style.background = "linear-gradient(45deg, #fcb045, #fd1d1d, #833ab4)";
        });

        instaButton.addEventListener("mouseleave", function() {
            instaButton.style.background = "linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045)";
        });
    }
});
PreviousCroix pour fermer le widget d'avisNextSection Panier Commander

Last updated 5 months ago