Upgrade to Pro — share decks privately, control downloads, hide ads and more …

An Afternoon with Shopify - Brooklyn, October 2013

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Keir Whitaker Keir Whitaker
October 08, 2013
Technology
0
66

An Afternoon with Shopify - Brooklyn, October 2013

Slides from my short presentation about Shopify given at the Holstee HQ in Brooklyn prior to Brooklyn Beta 2013

Avatar for Keir Whitaker

Keir Whitaker

October 08, 2013
Tweet

More Decks by Keir Whitaker

See All by Keir Whitaker
DotYork Workshop
Avatar for Keir Whitaker keirwhitaker
0
72
Grow your web design business with the Shopify Partner Program
Avatar for Keir Whitaker keirwhitaker
1
240
C4DI Presentation: The Shopify Economy
Avatar for Keir Whitaker keirwhitaker
1
340
A Pragmatists Guide to Making your Side Projects Pay
Avatar for Keir Whitaker keirwhitaker
3
160
Shopify for Designers Workshop
Avatar for Keir Whitaker keirwhitaker
1
120
Building Online Businesses
Avatar for Keir Whitaker keirwhitaker
0
100
From side project to business (is easier than you think)
Avatar for Keir Whitaker keirwhitaker
0
79

Other Decks in Technology

See All in Technology
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.6k
~Everything as Codeを諦めない~ 後からCDK
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
3
520
We Built for Predictability; The Workloads Didn’t Care
Avatar for Michael Stahnke stahnma
0
150
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.6k
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
Avatar for Yoshiki yoshiki_0316
1
120
コミュニティが変えるキャリアの地平線：コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
Avatar for Kento Suzuki kentosuzuki
0
130
SchooでVue.js/Nuxtを技術選定している理由
Avatar for Okuto Oyama yamanoku
3
210
CDK対応したAWS DevOps Agentを試そう_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
440
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
770
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
580
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
2.1k

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Side Projects
Avatar for Sacha Greif sachag
455
43k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.1k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.7k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k

Transcript

  1. Shopify for Designers Keir Whitaker [email protected] @keirwhitaker

  2. Founded 2006 Ottawa, Canada ~300 employees

  3. 70,000+ stores 2012 $742m GMV 2013 $1.5bn* GMV * projected

    2013 volume

  4. Easy to use theme based hosted ecommerce platform

  5. Easy Theming

  6. HTML CSS JS (optional) Liquid

  7. No prescribed markup Your design Your CSS Your store

  8. ~ 15 templates per theme

  9. New in 2013 Shopify Payments POS

  10. Scale, no problem!

  11. 10,320 in one hour

  12. API 2009 300+ apps 80/20 share

  13. None

  14. Theme store 2010 70/30 revenue share

  15. Opportunities for Designers

  16. Shopify Partners earn either 200% per referral or 20% of

    each bill

  17. In 2012 50% of theme designers made $20k+ many made

    $100k+

  18. Shopify Experts $18m in 18 months Free to join

  19. Ben Crudo Inc.

  20. How has it helped?

  21. Ben’s Top Tips

  22. 6 Features of Liquid

  23. 1: Output

  24. {{ product.title }} {{ product.description }} {{ product.handle }}

  25. 2: Filters

  26. {{ product.title | upcase }} {{ 'logo.png' | asset_url |

    img_tag: 'Site Logo' }}

  27. {{ product.title | upcase }} {{ 'logo.png' | asset_url |

    img_tag: 'Site Logo' }}

  28. 3: Logic

  29. {% if product.available %} Show Add to cart button here

    {% else %} Display message! {% endif %}

  30. {% if product.available %} Show Add to cart button here

    {% else %} Display message! {% endif %}

  31. 4: Loops

  32. {% for image in product.images %} <img src="{{ image |

    product_img_url: 'medium' }}" /> {% endfor %}

  33. {% for image in product.images %} <img src="{{ image |

    product_img_url: 'medium' }}" /> {% endfor %}

  34. 5: Layouts

  35. <html> <head> {{ content_for_header }} <title>{{ shop.name }} - {{

    page_title }}</title> {{ 'screen.css' | asset_url | stylesheet_tag }} </head> <body> {{ content_for_layout }} </body> </html>

  36. <html> <head> {{ content_for_header }} <title>{{ shop.name }} - {{

    page_title }}</title> {{ 'screen.css' | asset_url | stylesheet_tag }} </head> <body> {{ content_for_layout }} </body> </html>

  37. 6: Helpers

  38. {{ 'screen.css' | asset_url | stylesheet_tag }} { 'logo.png' |

    asset_url | img_tag: 'Site Logo' }}

  39. {{ 'screen.css' | asset_url | stylesheet_tag }} { 'logo.png' |

    asset_url | img_tag: 'Site Logo' }}

  40. Shopify Design Awards

  41. Whipping Post

  42. Greats Brand

  43. Pure Fix Cycles

  44. Best Made Co.

  45. United Pixel Workers

  46. A Book Apart

  47. Holstee