Skip to content

Instantly share code, notes, and snippets.

@jbagaresgaray
Last active September 27, 2019 08:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jbagaresgaray/85103c31815fca32abcb4a1d0948fa5c to your computer and use it in GitHub Desktop.
Save jbagaresgaray/85103c31815fca32abcb4a1d0948fa5c to your computer and use it in GitHub Desktop.
Narnoo Widgets

Narnoo Widget URL

https://narnoo-widget.herokuapp.com/narnoo-widget.min.js

Narnoo Booking Button Widget URL

https://narnoo-widget.herokuapp.com/booking-button-widget.min.js

Narnoo Cart Button Widget URL

https://narnoo-widget.herokuapp.com/button-widget.min.js



Narnoo Widget Guide

Add this element on inside the body

<div id="narnoo-js-widget"></div>


### Insert this javascript to load the widget ` <script> function (w, d, s, o, f, js, fjs) { w['JS-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) }; js = d.createElement(s), fjs = d.getElementsByTagName(s)[0]; js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs); }(window, document, 'script', 'narnoo', '')); narnoo('init', { element: "narnoo-js-widget", access_key: "15028355139658", operator_id: "88", product_id: "568485963" }); </script>`
### Widget Configuration **init**
  • element required

This the element ID where the widget will be rendered. Example <div id="narnoo-js-widget"></div>

  • access_key required

This the access_key that points the gives authorization on the API side for further request

  • operator_id required

  • product_id required

  • gallery (optional) boolean default: false

  • social (optional) boolean default: false

  • calendar (optional) boolean default: false

  • datepicker (optional) boolean default: false

  • biography (optional) boolean default: false

Biography option can be an object. Example biography:{ language: "english" } Language supported are english, chinese, japanese, korean, german

Narnoo Cart Button Widget Guide

Narnoo Booking Button Widget Guide







Sample Demo

Product ID: 495 Code View https://codepen.io/jbagaresgaray-17/pen/VoQxOa
Product ID: 495 Full View: https://codepen.io/jbagaresgaray-17/full/VoQxOa

Product ID: 496 Code View https://codepen.io/jbagaresgaray-17/pen/LYPQJpN
Product ID: 496 Full View:https://codepen.io/jbagaresgaray-17/full/LYPQJpN

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment