Stephane Bellity sbellity

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

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:

	<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'],

	<!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>

	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());
	};

	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)

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