Welcome to Help center

We are here to help

Header, footer and modal blocks

Follow

For ease of editing all modal units, header and footer are connected from individual html file

Example for footer:
HTML:
        <div id="footer"></div>
    
Js
        $.get("footer.html", function(data){
          $('#footer').append(data);
        });

        $('#modal-login label, #modal-register label').on('click', function(){
            $(this).next().focus();
        });
    

For header and modal-gallery there is additional initialization of js elements that are present in their structure:

        $.get("header_page.html", function(data){
          $('#header').append(data);
          $('.selection').selectize({sortField: 'text'});
        });

        $.get("modal_gallery.html", function(data){
          $('#gallery-open').append(data);
          $("#owl-demo-3").owlCarousel({
            items : 1,
            pagination:true,
            navigation:true,
            autoHeight:true,
            itemsCustom: [1600, 1],
            slideSpeed:700,
            navigationText: [
            " <i class='fa fa-chevron-left'> </i>",
            " <i class='fa fa-chevron-right'> </i>"
            ]
          });
        });
    

 

Comments

Top
Powered by Zendesk