הקמת זוג טפסי צור קשר מרחף (X2)

כדי להקים זוג טפסי צור קשר מרחף שפועלים במקביל אחד לשני, יש לבצע שינויים בכמה מוקדים בתבנית, להלן השלבים:

1. יש להוסיף את הקוד הבא תחת js > scripts.js בערך סביב שורה 1495

    $("#popup_contact > a.button.one").on('click', function(e) {
    e.preventDefault();
    if( $(this).parents().hasClass('show2') ) {
    $(this).parent().toggleClass('show2');
    } else {
    $(this).parent().toggleClass('focus');
    }
    });
    $("#popup_contact > a.button.two").on('click', function(e) {
    e.preventDefault();
    if( $(this).parents().hasClass('focus') && !($(this).parents().hasClass('show2')) ) {
    $(this).parent().toggleClass('show2');
    } else {
    $(this).parent().toggleClass('focus');
    $(this).parent().toggleClass('show2');
    }
    });

2. יש לשים תחת BeTheme > Theme Options > Footer את 2 הקצרקודים של טפסי יצירת הקשר, אחד אחרי השני.
3. יש לשים את הקוד הבא תחת הפוטר של התבנית (Footer.php), סביב שורה 155

    <div id="popup_contact">
    <a class="button button_js one" href="#"><i class="<?php echo esc_attr(mfn_opts_get('popup-contact-form-icon', 'icon-mail-line')); ?>"></i> בואו נדבר</a>
    <div class="popup_contact_wrapper">
    <?php echo do_shortcode(mfn_opts_get('popup-contact-form')); ?>
    <span class="arrow"></span>
    </div>
    <a class="button button_js two" href="#"><i class="<?php echo esc_attr(mfn_opts_get('popup-contact-form-icon', 'icon-mail-line')); ?>"></i> רוצה להיות מותג?</a>
    <div class="popup_contact_wrapper2">
    <?php echo do_shortcode(mfn_opts_get('popup-contact-form2')); ?>
    <span class="arrow"></span>
    </div>

4. יש להשתמש בקוד ה-CSS הבא שיאפשר את ההסתרה וההצגה התקינה של 2 הטפסים, תחת 2 האופציות של כפתורי יצירת הקשר המרחף

   #popup_contact.focus div.wpcf7:first-child {
    display:block;
   }
   #popup_contact.focus div.wpcf7:nth-child(2) {
    display:none;
   }
   #popup_contact.focus.show2 div.wpcf7:first-child {
    display:none;
   }
   #popup_contact.focus.show2 div.wpcf7:nth-child(2) {
    display:block;
   }