Linked e-resources
Details
Table of Contents
Table of Contents; About the Author; About the Technical Reviewer; Acknowledgments; Introduction; Chapter 1: A Shopify Theme Primer; Anatomy of a Shopify Theme; Theme Structure; Liquid, Shopify's Templating Language; Assets; Working with Shopify Themes; Setting Up Development Stores; Summary; Chapter 2: Tools and Workflow; Moving to Local Development; Synchronizing Changes to Shopify; Introducing Theme Kit; Using Theme Kit; Putting Your Theme Under Version Control; A Git Workflow for Shopify Themes; Theme Feature Branches with Git; Slate and Theme Build Tools
Grunt and Gulp: Automated Task Runners Other Workflow Automation Tools; Introducing Slate; Summary; Chapter 3: Principles and Process; Principles of Design; Understanding Design Goals; Design for Humans; Design for Different Contexts; Principles of Development; Keep It Simple; Utilize Progressive Enhancement; Document Things; Use Defensive and Modular Programming; Principles of Process; Client and Project Match; Iterative Development and Client Investment; Expectation Setting; User Testing; Summary; Chapter 4: Designing Theme Foundations; A Starting Point; Theme Scaffolds
Sample Product Data Your Theme's Layout; Designing Layout and Navigation; The Site Header; Making the Header Configurable; The Navigation Menu; Navigation Menu Design; Mega-Menus; The Site Footer; Summary; Chapter 5: Designing Product Pages; The Product Page; Product Page Information Hierarchy; Adding Product Imagery; Design Considerations for Product Images; Shopify's Image Filters; Zoomable Product Images and Product Lightboxes; Product Video; Adding Product Details and the Add To Cart Form; Product Details and Description; Add To Cart Form; Adding Recommended Products
Related versus Alternate Products Recommended Products on Shopify; Improving the Product Page; Adding Product Information; Managing Additional Information with Metafields; Improving the Mobile Experience; Creating Alternate Page Templates; Summary; Chapter 6: Designing Home and Collection Pages; The Home Page; Design Goals for Home Pages; Conveying the Brand; Conveying Your Product Range; Clear Next Actions; Implementing a Home Page; Getting Started with Home Page Sections; Adding a Hero Image Section; Collection Pages; Design Goals for Collection Pages
Shopify Collection Page Concepts Categorization in Shopify; Filtering; Sorting; Pagination; Views; Putting It All Together; Implementing a Collection Page; Adding a Product Loop with Pagination; Adding Sort Functionality; Alternative Views of Product Listings; Adding Alternative Views to the Example Theme; Adding Category-Level Filtering; Adding Tag-Based Filtering; Progressively Enhancing the Collection Page; Summary; Chapter 7: Carts, Checkouts, and Content; The Cart Page; Design Goals for Cart Pages; Implementing a Cart Page; Adding an Editable List of Cart Contents
Grunt and Gulp: Automated Task Runners Other Workflow Automation Tools; Introducing Slate; Summary; Chapter 3: Principles and Process; Principles of Design; Understanding Design Goals; Design for Humans; Design for Different Contexts; Principles of Development; Keep It Simple; Utilize Progressive Enhancement; Document Things; Use Defensive and Modular Programming; Principles of Process; Client and Project Match; Iterative Development and Client Investment; Expectation Setting; User Testing; Summary; Chapter 4: Designing Theme Foundations; A Starting Point; Theme Scaffolds
Sample Product Data Your Theme's Layout; Designing Layout and Navigation; The Site Header; Making the Header Configurable; The Navigation Menu; Navigation Menu Design; Mega-Menus; The Site Footer; Summary; Chapter 5: Designing Product Pages; The Product Page; Product Page Information Hierarchy; Adding Product Imagery; Design Considerations for Product Images; Shopify's Image Filters; Zoomable Product Images and Product Lightboxes; Product Video; Adding Product Details and the Add To Cart Form; Product Details and Description; Add To Cart Form; Adding Recommended Products
Related versus Alternate Products Recommended Products on Shopify; Improving the Product Page; Adding Product Information; Managing Additional Information with Metafields; Improving the Mobile Experience; Creating Alternate Page Templates; Summary; Chapter 6: Designing Home and Collection Pages; The Home Page; Design Goals for Home Pages; Conveying the Brand; Conveying Your Product Range; Clear Next Actions; Implementing a Home Page; Getting Started with Home Page Sections; Adding a Hero Image Section; Collection Pages; Design Goals for Collection Pages
Shopify Collection Page Concepts Categorization in Shopify; Filtering; Sorting; Pagination; Views; Putting It All Together; Implementing a Collection Page; Adding a Product Loop with Pagination; Adding Sort Functionality; Alternative Views of Product Listings; Adding Alternative Views to the Example Theme; Adding Category-Level Filtering; Adding Tag-Based Filtering; Progressively Enhancing the Collection Page; Summary; Chapter 7: Carts, Checkouts, and Content; The Cart Page; Design Goals for Cart Pages; Implementing a Cart Page; Adding an Editable List of Cart Contents