Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Craft Commerce Workshop Peers 2016
Search
Luke Holder
April 13, 2017
Technology
0
38
Craft Commerce Workshop Peers 2016
Workshop given on Craft Commerce 1.1 by Luke Holder at Peers conference 2016
Luke Holder
April 13, 2017
Tweet
Share
More Decks by Luke Holder
See All by Luke Holder
Update on Craft Commerce
lukeholder
0
63
Future of Craft Commerce
lukeholder
0
330
Other Decks in Technology
See All in Technology
KubeCon EU: Unlocking new Platform Experiences with Open Interfaces
salaboy
1
380
こんなに簡単!AWSマルチアカウント
takuya_terada
0
120
統計的学習理論読み Chapter 2
kmatsui
1
290
GitHub最新情報キャッチアップ 2024年3月
dzeyelid
17
3.2k
サービス成長と共に肥大化するモノレポ、長くなるCI時間 / As services grow, monorepos get bigger and CI time gets longer
kohbis
5
2.1k
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
210
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
7
100k
あらゆる商品を扱う商品データベースを再設計した話 / product db re-architecture
rince
8
3.8k
2023 Japan AWS Jr.Championsに選出されての振り返りとこれから
hiropy877
1
130
エンジニア候補者向け資料2024.03.28.pdf
macloud
0
2.9k
LLM + RAG を使った SORACOM Support Bot の裏側の歴史
soracom
PRO
1
640
技術イベントはなんとかひねり出す 日経の技術広報の取り組み/techpr3
nishiuma
0
230
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
28
5.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.3k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Building a Modern Day E-commerce SEO Strategy
aleyda
15
6.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Teambox: Starting and Learning
jrom
126
8.4k
A designer walks into a library…
pauljervisheath
199
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
19
1.6k
Bash Introduction
62gerente
604
210k
Transcript
None
None
None
None
Outline • Core concepts • Initial setup • Front-end build-out
• Write a plugin
Core Concepts
Elements • Products • Variants • Orders
Products • Think “Entry” (URL, post date, localizable)
• Think “Section” • Product URL format • Title format
• Automatic SKU? • Dimensions? • Multiple variants? • Field layout(s) Product Types
Laptop Manufacturer Model number Product Type Examples T-shirt Brand Graphic
Product type != taxonomy
Variants • Provides different versions of a single product
Variant Examples Laptop CPU Memory Screen size T-shirt Color Size
All products have at least one variant
Default Variant Default Variant Product A Product B Default Variant
Default Variant Default Variant
Variants • SKU • Price • Stock
Purchasables • Variants are a type of purchasable • All
purchasables define a unique SKU and a price
Purchasable Possibilities • Digital products • Events/tickets • Bookings •
Gift vouchers • Donations
Cart / Order • Carts become Orders when completed. •
Completed is currently triggered when paid or authorized in full.
Orders Order Default Variant Default Variant Line Items Default Variant
Default Variant Transactions Default Variant Default Variant History Default Variant Default Variant Adjustments Status Purchasable
Line Items • Belong to an Order • Populated by
a Purchasable. • Costs added and subtracted by adjustments.
Adjustments • Affect costs in cart during recalculation. Core Adjusters
• Shipping • Discounts • Tax
Transactions • Financial records on the order Types • Payment
• Authorize only • Refund
Order Statuses • Define a custom order processing workflow •
A default status is assigned when an order is first completed
Order History • Status changes are recorded in the order’s
history, along with the reason for the change • Can optionally trigger an email to customer or administrator
Promotions • Sales • Discounts
Sales • Rules that affect a product’s price before it
is added to the cart
Discounts • Rules that affect a product’s price after it
has been added to the cart
Tax • Rules that affect taxes applied to the cart
Shipping • Rules that affect shipping costs applied to the
cart
Setup
General Setup
Order Fields Setup
Order Statuses Setup
Order Statuses Emails Setup
Order Status Emails Status Default Variant Default Variant Emails
Order Status Emails Status Default Variant Default Variant History Status
Tax Categories Setup
Payment Methods Setup
Product Types Setup
Tax Setup
Shipping Setup
Build
$ git clone http://github.com/lukeholder/peers
peers/style.css ➜ public peers/script.js ➜ public peers/_layout.html ➜ craft/templates/store
_layout.html
{% set cart = craft.commerce.cart %} Cart Once per page
but no penalty for multiple calls
{{ craft.session.getFlash('notice') }} {{ craft.session.getFlash('error') }} {% for key, error
in cart.allErrors %} <li>{{ error }}</li> {% endfor %} {% if cart.getErrors('email') %}email-error{% endif %} Notices & Errors
_products.html
{% set products = craft.commerce.products %} {% for product in
products %} {% for variant in product.variants %} Products
{% set purchasable = product.defaultVariant %} {% set purchasable =
product.variant[0] ?? null %} Products
{% set products = craft.commerce.products({ type: 'clothing', hasVariant: { color:
'red' } }) %} Only returns products that have a red variant. Variants
{% set products = craft.commerce.products({ type: 'clothing', with: ['variants'] })
%} Eager Loading
{% set products = craft.commerce.products({ type: 'clothing', with: [‘variants',{ color:
'red' }] }) %} Only populates variants that are red. Eager Loading
index.html {% extends 'store/_layout' %} {% block body %} {%
include 'store/_products' %} {% endblock %}
<form method="post"> <input type="hidden" name="action" value="commerce/cart/updateCart"> <input type="hidden" name="redirect" value="store">
<form> Update Cart
Adding to cart Update Cart purchasableId qty note options
Adding to cart <form method="post"> <input type="hidden" name="action" value="commerce/cart/updateCart"> <input
type="hidden" name="redirect" value="store"> <input type="hidden" name="qty" value="1"> <input name=“purchasableId" value="{{ variant.purchasableId }}"> <form> Update Cart
Options Update Cart <select name="options[giftWrapped]"> <option value="no">No gift wrap.</option> <option
value="yes">Gift wrapped.</option> </select> Note <input name=“note" value=""/>
Updating Addresses Update Cart shippingAddressId or new shippingAddress billingAddressId or
new billingAddress sameAddress
{{ variant.salePrice|currency(cart.currency) }} {{ variant.price }} Price
None
_cart.html
Cart Line Items {% for item in cart.lineItems %}
Line Items item.subtotalWithSale Subtotal of line item item.total Total cost
of line item including adjustments
_index.html {% if cart.lineItems|length %} {% include "store/_cart" %} {%
endif %}
Update Line Item <input name="action" value="commerce/cart/updateLineItem"/> <input name="lineItemId" value="{{ item.id
}}"/> qty note options
Remove Line Item <input name="action" value="commerce/cart/removeLineItem"/> <input name="lineItemId" value="{{ item.id
}}"/>
None
Adjustments {% for adjustment in cart.adjustments %}
_info.html
_index.html {% if cart.lineItems|length %} {% include "store/_info" %} {%
endif %}
Email Email defaults to logged in users email
_payment.html
Plugin
craft/plugins/merch/MerchPlugin.php
Order Number Generation
Options Validation
Address Validation
Stock Notifier
Thank you @lukeholder