porsche-widget v1.0.36

Porche Widget

Install via npm:

npm install porsche_widget

You have to know the password for the package.

After install you have to add the index.js file from package/dist folder.

Init the plugin like that in javascript:

var porsche_widget = new PorscheWidget(button);
prosche_widget.init();

You can customize the button and modal with parameters in init method:

Parameters:

1. Text button:
    - You can add your own text inside the button.
    - example: porsche_widget.init('Button text');
2. Second parameter is for details about car if you have:
    - Should to send an object which can take next properties: price, cylindrical_capacity and car_name
    - example: porsche_widget.init(null, {
        'price' : 5000,
        'cylindrical_capacity' : 1900,
        'car_name' : 'Porche'
    })
3. The 3rd parameter is for styling modal if you want to change it a little bit:
    - Should to send an object which can take next properties:
        - background
        - top-text (for change the title and subtitle text from modal)
        - show-top-text (defaul: true, for display or not the top text from modal)
        - font-size-h1 (for change the font size for h1 inside the modal)
        - font-family-h1 (for change the family font for h1 inside the modal)
        - font-size-h3 (for change the font size for h3 inside the modal)
        - font-family-h3 (for change the family font for h3 inside the modal)
        - font-size-p (for change the font size for paragraph inside the modal)
        - font-family-p (for change the family font for paragraph inside the modal)
        - font-size-label (for change the font size for label inside the modal)
        - font-family-label (for change the font family for label inside the modal)
        - font-size-li (for change the font size for list item inside the modal)
        - font-family-li (for change the font family for list item inside the modal)
        - font-size-button (for change the font size for buttons inside the modal)
        - font-family-button (for change the font family for buttons inside the modal)

    - example: porsche_widget.init(null, {}, {
        'background': '#317CFE'
        'show-bottom-text' : false,
        'font-size-h1' : '24px'
        'font-family-h1' : 'Poppins-Bold, sans-serif'
    });