B&L Course Finder

The course finder is a web component that can be embeded in any webpage using an script.

Script

The script has several options and can be added in any element of the document, the following sample shows the available paramateres to add the finder. In this example we use our stage server, to get the production data please contact us.

<div id="course-search"></div>
<script>
!function(e,t){
    t.WIDGET_CONFIG = {
            // Token to identify the resources that will be loaded
            WIDGET_ID:"widget-demo",

            // B&L server, it can point to stage or production
            API_URL:"http://stage.masterkeyeducation.com:8080/masterkey",

            // Selector of the element where the form will be displayed
            // optional, defaults to "#course-finder"
            element: 'course-search',

            // Tell the script to load Twitter Bootstrap or not
            // You can add it manually
            loadBootstrap: false,
        };

        e.addEventListener("DOMContentLoaded",function(){var n=e.createElement("script");n.type="text/javascript",n.readyState?n.onreadystatechange=function(){"loaded"!==n.readyState&&"complete"!==n.readyState||(n.onreadystatechange=null)}:n.onload=function(){},n.src="https://search.bookandlearn.com/static/js/main.js?"+(new Date).getTime(),e.getElementsByTagName("head")[0].appendChild(n)},!0)
    }(document,window);
</script>

Parmeters

  • WIDGET_ID Required Character string that allows petition authentication and getting data from determined office
  • API_URL Required B&L server in which petitions are made
  • element Optional Default: course-finder Element selector where form is shown
  • loadBootstrap Optional Default: false Flag to define either if bootstrap will be loaded or not Twitter Bootstrap 3.3.7. Useful when page already has it.

Settings

The finder can be internally configured in order to meet your needs, these are the available settings:

Opcion Descripcion
defaults Default values for the leads
distributorList Agency offices where the client can be assigned
courseTypeList Available curse types
minQty Minimum quantity of weeks that can be quotes
categoryList Available course categories
country Student country, used to fetch regional prices
currency Local currency used to compare prices
language Language used to display many values

Customize Design and Finder

Course finder is designed on top of Twitter Bootstrap, so it can be customized by overriding Bootstrap clases.

Examples

a b
Finder Search Form

results matching ""

    No results matching ""