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

C4DI Presentation: The Shopify Economy

C4DI Presentation: The Shopify Economy

Keir Whitaker

July 31, 2014
Tweet

More Decks by Keir Whitaker

Other Decks in Technology

Transcript

  1. Auto image resizing Navigation lists CDN for all assets Page

    & product templates Redirect module Discount engine Gift cards 24/7 Support
  2. assets -- site.css.liquid -- site.js.liquid config layout -- theme.liquid snippets

    -- footer.liquid -- header.liquid templates -- 404.liquid -- article.liquid -- blog.liquid -- cart.liquid -- collection.liquid -- index.liquid -- list-collections.liquid -- page.liquid -- product.liquid -- search.liquid
  3. /thisisntarealurl → 404.liquid /blogs/<blog-name>/<article-id-handle> → article.liquid /blogs/<blog-name> → blog.liquid /cart

    → cart.liquid /collections → list-collections.liquid /collections/<collection-handle> → collection.liquid /collections/<collection-handle>/<tag> → collection.liquid / → index.liquid /pages/<page-handle> → page.liquid /products → list-collections.liquid /products/<product-handle> → product.liquid /search?q=<search-term> → search.liquid
  4. Filters ! {{ product.title | upcase }} ! {{ 'logo.png'

    | asset_url | img_tag: 'Site Logo' }} ! {{ 'capitalize me' | capitalize }} ! {{ article.published_at | date: "%a, %b %d, %y" }} ! {{ 'style.css' | asset_url | stylesheet_tag }}
  5. Logic ! {% if product.available %} Show Add to cart

    button here {% else %} Display message! {% endif %}
  6. Loops ! {% for image in product.images %} <img src="{{

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