Stephane Bellity sbellity

Keybase proof

I hereby claim:

I am sbellity on github.
I am sbellity (https://keybase.io/sbellity) on keybase.
I have a public key ASA7KONqpmZwwWIWUIlFsxAFp5u7CN7uhXbFeuJyu501Zwo

To claim this, I am signing this object:

This tutorial walks you through the steps to implement a custom checkout flow that displays the login ship inside the cart drawer when an anonymous user clicks on the checkout button.

You can find an example of a similar flow here :

https://www.mvmtwatches.com/

Install the login ship and enable the "Show inline" option.

Enable the login ship from Hull's app page on your Shopify admin
Open the Hull dashboard to change the ship's default configuration

	<script>
	window.hullAsyncInit = function() {
	Hull.ready(function() {
	setTimeout(function() {
	if (!Hull.currentUser()) {
	Hull.emit('hull.login.showDialog');
	}
	}, 2000)
	})
	}

	window.hullAsyncInit = function() {
	function showDialog() {
	setTimeout(function() {
	if (!Hull.currentUser()) {
	Hull.emit('hull.login.showDialog');
	}
	}, 500);
	}
	// Show dialog on page load
	Hull.on('hull.ships.ready', showDialog)

	module['exports'] = function echo (hook) {
	// Access Node.js HTTP Request and Response objects
	var req = hook.req,
	res = hook.res;
	// Use NPM Modules
	var faker = require('faker');
	res.write('<strong>hello</strong> ');
	res.write(req.headers["x-forwarded-for"] + '<br/>');
	res.end(faker.hacker.phrase());
	};

	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title></title>


	<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="https://d3f5pyioow99x0.cloudfront.net/0.8/hull.js"></script>
	<script>

	<html>
	<head>
	<title>Quiz Selector</title>
	<link rel="stylesheet" type="text/css" href="https://hullstrap.s3.amazonaws.com/stylesheets/hullstrap.css">
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script src="//hull-js.s3.amazonaws.com/0.6.15/hull.js"></script>
	<script type="text/javascript">
	Hull.component('quiz-selector', {

	templates: ['quiz-selector'],

	require 'handlebars_assets'

	Hull.configure do \|config\|

	# == Hull App Config
	#
	config.app_id = ENV["HULL_APP_ID"]

	# == Hull App secret
	# This is required to enable all server side secure stuff.

	Hull.widget('profile', {

	templates: ['profile'],

	refreshEvents: ['model.hull.me.change'],

	fields: [
	{ name: 'name', type: 'text', placeholder: 'Name' },
	{ name: 'email', type: 'text', placeholder: 'Email' }
	],

	{{#if isAchieved}}
	<button class="btn btn-success">Checked</button>
	{{else}}
	<button class="btn {{#unless canAchieve}}disabled{{/unless}}" data-hull-action="achieve_button.achieve">CheckIn</button>
	{{/if}}