Shopify Theme Customization with Liquid: Design state-of-the-art, dynamic Shopify eCommerce websites using Liquid’s powerful features
- Length: 338 pages
- Edition: 1
- Language: English
- Publisher: Packt Publishing
- Publication Date: 2021-10-29
- ISBN-10: 1801813965
- ISBN-13: 9781801813969
- Sales Rank: #805989 (See Top 100 Books)
Discover how to customize Shopify themes for your eCommerce websites with powerful tools and Liquid templates
Key Features
- Get to grips with the Liquid core to build a solid foundation for working on any Shopify theme
- Use JSON to create Shopify’s famous modular sections with powerful and complex functionalities
- Utilize the Shopify Ajax API to implement advanced functionality and make your eCommerce stores more dynamic
Book Description
Shopify is one of the fastest-growing eCommerce platforms, which means developers familiar with the Liquid concept are needed now more than ever. This book will help you to build a solid foundation by enabling you to develop your skills from the ground up by gaining essential theoretical knowledge of Liquid and putting that knowledge to use through hands-on projects.
Shopify Theme Customization with Liquid begins by helping you get to grips with basic Shopify information, its interface and theme structure, setting up your Partner account, and creating a child theme, which is essential when preparing for any future work on Shopify. You’ll then explore Liquid core features that will provide you with a basic understanding of the Liquid programming logic needed to develop any feature. As you advance to the latest and advanced features, you’ll learn about JSON settings, allowing you to create any type of static or dynamic section – a must-have for becoming a competent Shopify developer. Finally, the book takes you through the Shopify Ajax API to gain the necessary skills needed to create a variety of dynamic features and content.
By the end of this Shopify book, you’ll be able to take on challenging projects to showcase your theme customization expertise to your future employer.
What you will learn
- Discover how to use logic and data comparison operators for various types of data within Liquid
- Use Liquid core features such as objects, tags, and filters
- Find out how to customize themes using JSON settings
- Use metafield objects to generate unique content on any page
- Understand how to output the local or external media content
- Use Shopify’s famous drag-and-drop feature to rearrange sections on a storefront
- Take Shopify’s dynamic functionality to a whole new level using REST API endpoints
Who this book is for
This book is for beginners and experienced CMS developers who want to learn about working with Shopify themes and customizing those themes using Liquid. Web developers designing professional e-commerce websites will also find this book useful. Besides familiarity with standard web technologies (HTML, CSS, and JavaScript), this book requires no prior knowledge of Shopify or Liquid. The book covers everything from Shopify fundamentals and the core of the Liquid and REST APIs, all the way through to the latest Liquid features that may be new to even proficient developers.
Table of Contents
- Getting Started with Shopify
- The Basic Flow of Liquid
- Diving into Liquid Core with Tags
- Diving into Liquid Core with Objects
- Diving into Liquid Core with Filters
- Configuring the Theme Settings
- Working with Static and Dynamic Sections
- Exploring the Shopify Ajax API
Shopify Theme Customization with Liquid Contributors About the author About the reviewers Preface Who this book is for What this book covers To get the most out of this book Download the example code files Code in Action Download the color images Conventions used Get in touch Share Your Thoughts Section 1: Shopify Explained Chapter 1: Getting Started with Shopify Technical requirements What is Shopify? How to start? Navigating the admin panel Core aspects Sales channel Settings Managing a theme Understanding theme structure Header Sidebar Summary Questions Further reading Chapter 2: The Basic Flow of Liquid Technical requirements What is Liquid? Understanding Liquid and its delimiters Learning the comparison operators Working with logic operators Understand the types of data Strings Number Boolean Nil Array EmptyDrop Controlling whitespace Summary Quiz Section 2: Exploring Liquid Core Chapter 3: Diving into Liquid Core with Tags Technical requirements Getting things ready Creating the product page Creating the collection page Updating the navigation menu Controlling the flow of Liquid The if/else/elsif tags The and/or tags The case/when tags The unless tag Variable tags The assign tag The capture tag The increment tag The decrement tag Iterations tags The for/else tags jump statements The for parameters The cycle tag Theme tags The layout tag The liquid and echo tags The form tag The paginate tag The render tag The raw tag The comment tag Deprecated tags Summary Questions Chapter 4: Diving into Liquid Core with Objects Technical requirements Working with global objects Custom collection Custom navigation Product customization Improving the workflow with metafields Setting up a metafields app Rendering the metafields value Content and special objects The content_for_header object The content_for_index object The content_for_layout object Summary Questions Practice makes perfect Project 1 Project 2 Chapter 5: Diving into Liquid Core with Filters Technical requirements Working with HTML and URL filters Building a product gallery Enhancing the product media gallery Building product accordions The split filter The index filter Math and money filters Product discount price Exploring the additional filters The default filter The t (translation) filter The JSON filter Summary Questions Practice makes perfect Project 3 Section 3: Behind the Scenes Chapter 6: Configuring the Theme Settings Technical requirements Exploring JSON settings Learning about the input setting attributes Basic input types Specialized input settings Organizing the theme editor The header type The paragraph type Glancing at the deprecated settings The font input The snippet input Summary Questions Chapter 7: Working with Static and Dynamic Sections Technical requirements Static versus dynamic sections Working with the section schema The name attribute The class attribute The settings attribute The presets attribute Building with blocks The max_blocks attribute Enhancing pages with JSON templates Building a JSON template structure Upgrading a JSON template with metafields Exploring section-specific tags The stylesheet tag The style tag The javascript tag Summary Questions Practice makes perfect Project 4 Chapter 8: Exploring the Shopify Ajax API Technical requirements Introduction to the Shopify Ajax API Updating the cart session with a POST request The /cart/add.js endpoint The /cart/update.js endpoint The /cart/change.js endpoint The /cart/clear.js endpoint Retrieving data with a GET request The /cart.js endpoint The /products/{product-handle}.js endpoint The /recommendations/products.json endpoint The /search/suggest.json endpoint Summary Further reading Assessments Chapter 1, Getting Started with Shopify Question 1 Answer Question 2 Answer Question 3 Answer Question 4 Answer Question 5 Answer Chapter 2, The Basic Flow of Liquid Question 1 Answer Question 2 Answer Question 3 Answer Question 4 Answer Question 5 Answer Chapter 3, Diving into Liquid Core with Tags Question 1 Answer Question 2 Answer Question 3 Answer Question 4 Answer Question 5 Answer Chapter 4, Diving into Liquid Core with Objects Question 1 Answer Question 2 Answer Question 3 Answer Question 4 Answer Chapter 5, Diving into Liquid Core with Filters Question 1 Answer Question 2 Answer Question 3 Answer Question 4 Answer Chapter 6, Configuring the Theme Settings Question 1 Answer Question 2 Answer Question 3 Answer Question 4 Answer Chapter 7, Working with Static and Dynamic Sections Question 1 Answer Question 2 Answer Question 3 Answer Question 4 Answer Appendix Frequently Asked Questions Why subscribe? Other Books You May Enjoy Packt is searching for authors like you Share Your Thoughts
Donate to keep this site alive
How to download source code?
1. Go to: https://github.com/PacktPublishing
2. In the Find a repository… box, search the book title: Shopify Theme Customization with Liquid: Design state-of-the-art, dynamic Shopify eCommerce websites using Liquid’s powerful features
, sometime you may not get the results, please search the main title.
3. Click the book title in the search results.
3. Click Code to download.
1. Disable the AdBlock plugin. Otherwise, you may not get any links.
2. Solve the CAPTCHA.
3. Click download link.
4. Lead to download server to download.