Suport » Module și hacking » Modificare functie easy-fancybox

  • Salutare.
    In prima faza vreau sa mentionez ca este vorba de plugin-ul: http://wordpress.org/plugins/easy-fancybox/

    As fi interesat daca pot modifica functia sa de afisare a unei imagini. Ma chinui de cateva ore sa gasesc ceva unde as putea face modificarile dorite dar m-am lasat pagubas si am venit aici.

    As dori ca atunci cand o poza cu class=”fancybox” este afisata in pop-up in partea dreapta a pozei sa pot afisa un formular, practic in acelasi chenar alb in care este afisat poza. Aceasta modificare sa fie presatibilita pentru toate pozele care sunt deschise in fancybox. Banuiesc ca trebuie modificata functia care afiseaza imaginea dar nu imi pot da seama unde.

    Va pot da exemplu un site de un mi-a si venit ideea: http://www.indiamart.com/ sper sa nu se considere reclama. Mergeti pe unul din produsele din site si apasati pe poza produsului.

    Va rog mult macar vreau sa stiu de unde as putea incepe nu sa-mi dati mura-n-gura.

    Apreciez, multumesc.
    Stima.

Vizualizare 1 răspuns (din 1 în total)
  • Moderator jnhghy

    (@jnhghy)

    Salut,
    fancybox se bazeaza pe jquery si pe anumite evenimente din browser.
    Cred ca cea mai simpla solutie (necesita un pic de javascript si un pic de php) este sa folosesti un plugin de form care are si shortcode(nu e obligatoriu shortcode-ul dar simplifica procesul) – exemplu contact form 7 – si sa creezi propria ta functie jquery care sa extinda continutul fancybox-ului cu form-ul creat de tine in backend.

    O idee ar fi:
    De baza jquery-ul fancybox-ului asculta evenimentul click pe poza cu class=”fancybox” tu trebuie la randul tau sa asculti evenimentul care lanseaza fancybox-ul (trebuie sa fie un display visible ceva) in momentul respectiv, vei citi html-ul din fancybox si il vei extinde cu html care sa contina contact form-ul.

    Un exemplu de cod care creaza contact form-ul este:

    <div class="rightbox">
    <!-- si alt html aici pentru afisaj corect -->
    <?php echo do_shortcode('[contact-form-7 id="188" title="Main Contact Form"]');
    //id-ul si titlu' sunt specifice pluginului contact form 7 poti folosi altul daca doresti
    //este destul de usor de folosit...
     ?>
    </div><!-- se inchide div-ul, alte elemente se pot adauga si aici

    codul de mai sus trebuie sa se deschida cu display:none si sa fie adaugat in fancybox doar in momentul in care acesta este actionat.

    Trebuie sa citesti un pic de jquery dar sunt aici sa te ajut daca mai ai intrebari!

Vizualizare 1 răspuns (din 1 în total)
  • Subiectul ‘Modificare functie easy-fancybox’ este închis pentru noi răspunsuri.