Shipcode Logo - Full - White.png
Shipcode AppRelease NotesShipcode.com
Product documentation and training for Shipcode.
Getting Started
Glossary
Shopify Landing Page Template
Overview: Shopify Landing Page Template
Adding Your Shopify Data
Styling for your Brand
Updating your Content
Design & Layout: 101
Overview & Core Design Concepts
Creating and Structuring a Basic Layout
Styling your UI with the Appearance Panel
Creating a Reusable Component
Foundations: Mental Models for Building
Overview: Foundations
The Internet: Clients, Servers, and Requests
Understanding Routes and Application State
Components & Layouts: Building Blocks of UI
Additional Resources
Styling with Visual CSS and Flexbox
Projects & Project Settings
Overview: Project Settings
General Management - Project Dashboard, General Settings, Members
Project Dashboard
General Settings
Members
Navigation - App Navigation, Web Navigation, Routes, Domains
App Navigation
Web Navigation
Routes
Domains
Marketplace - Integrations and GraphQL Explorer
Marketplace
Project Variables - Fonts, Data Environments, Environmental Variables, Publishing Environments
Font Management
Data Environments
Environment Variables
Publishing Environment
Layouts
Overview: Layouts
Working with the Canvas
Canvas Keyboard Shortcuts
Command Palette
Previewing a Project
Focus Mode & Breakpoints
Left Sidebar - Storyboards & Layouts
Structure Panel
Storyboards
Layouts
Left Sidebar - Components Panel
Components Panel
Left Sidebar - Assets, Versions, and Themes Panels
Assets Panel
Versions Panel
Themes Panel
Right Sidebar - Appearance Panel
Overview: Appearance Panel
Attaching Data
Attaching Themes
Typography
Layout
Size
Spacing
Position
Background
Opacity
Border
Effects
2D & 3D Transforms
Other
Right Sidebar - Settings Panel
Settings Panel
Settings Panel - Definitions
Right Sidebar - Universal Access Panel
Universal Access Panel
Universal Access Panel - Definitions
Right Sidebar - Interactions Panel
Interaction Panel
Right Sidebar - Layouts Panel
Layout Panel
Right Sidebar - Local Component Context
Local Component Context
Components
Overview: Components
Working with Components
Reusable Components
Library Components
Basic Components
Overview: Basic Components
Basic Components: Accordion
Basic Components: Background Image
Basic Components: Carousel, Grid, List, and Virtual List
Basic Components: Data Zone
Basic Components: Form Components (Text Input, Selection Group, Toggle)
Basic Components: HTML View
Basic Components: Image
Basic Components: Link
Basic Components: Price Slider
Basic Components: Progress Bar
Basic Components: Rating
Basic Components: Scroll View
Basic Component: Select
Basic Components: Shopify Smart Image
Basic Components: Text
Basic Component: Text Area
Basic Components: Video
Basic Components: View
Basic Components: Web Content
Basic Components: Zoom View
Basic Components: Date Input
Shopify Components
Overview: Shopify Components
Setting up Shopify Component Libraries
Cart Items Badge
Full Cart
Cart Items List
Cart Scaffolding
Category Navigation Carousel
Product Carousel by Collection
Exposed Shopify Search
PDP Scaffolding
Product Description
Product Price
Product Title
Recently Viewed Product Carousel
Shopify Search Modal
Web Header
Flows
Overview: Flows
Flows Creation and Management
Building Flows: Nodes and Connections
Basic Action Nodes
Overview: Basic Action Nodes
Basic Action Nodes: View All
Action Nodes: Data Modification and Passing
Action Nodes: Data Retrieval Actions
Action Nodes: Application State and UI Control Actions
Basic Action Nodes: Cache & Variable Management
Basic Action Nodes: Utility & Data Operations
Basic Action Nodes: Device & Permissions
Basic Action Nodes: Modal & Navigation Extensions
Basic Action Nodes: SEO & Page Configuration
Basic Action Nodes: Development & Debugging
Basic Action Nodes: System Integration
Basic Operator Nodes
Overview: Basic Operator Nodes
Basic Operator Nodes: View All
Basic Operator Nodes: Conditional Logic & Branching
Basic Operator Nodes: Data Manipulation
Basic Operator Nodes: Timing & Rate Control
Basic Operator Nodes: Parallel & Sequential Execution
Basic Operator Nodes: State Management & Error Handling
Advanced
Functional Query Language (FQL)
Shipcode SDK
Overview: Advanced
Pipes Reference
Overview: Pipes Reference
Pipes Reference: Numeric Pipes
Pipes Reference: Array Pipes
Pipe Reference: Object Pipes
Pipe Reference: String Pipes
Pipes Reference: Boolean Pipes
Pipes Reference: Date and Time Pipes
Pipes Reference: Validation Pipes
Pipes Reference: Utility Pipes
Tutorials
Tutorial: Publishing
Tutorial: Routes
Tutorial: Data Zones
Tutorial: Themes - Variables and Styles
Shiptips
Data Zone Active Slot: The Clean Pattern
Overview: Shiptips
Interaction Panel: Improving Perceived Performance with Pointer Events
Optimizing Performance with Slots vs. Display None
Account
Account Details
Account Recovery and Deletion
Flagship
Flagship User Guide
Feed Types
Sort & Preview
Posts
Cover Cards
Stories
Components
Settings
Localization
Save, Schedule & Publish
Segments
Calendar
Design Editor
Flagship SDK
Installation Instructions
Displaying Feeds
Tagged Content & Tag Bars
Displaying Story
Deeplinks via Custom ID
Custom Feed Props
Managing User Profiles
Managing User Attributes
Managing Local Dynamic Data
Linking to Stories
Displaying Portals (React Native SDK)
Handling Events
Handling Errors
Displaying Portals (React Native SDK)
Flagship Integrated Analytics
Privacy Considerations
Flagship Releases
All Flagship™ Releases
Home
Components
Components
Components are the building blocks of your project. Shipcode offers preset, reusable, and integration specific components.
Overview: Components
Working with Components
Reusable Components
Library Components
Basic Components
Overview: Basic Components
Basic Components: Accordion
Basic Components: Background Image
Basic Components: Carousel, Grid, List, and Virtual List
Basic Components: Data Zone
Basic Components: Form Components (Text Input, Selection Group, Toggle)
Basic Components: HTML View
Basic Components: Image
Basic Components: Link
Basic Components: Price Slider
Basic Components: Progress Bar
Basic Components: Rating
Basic Components: Scroll View
Basic Component: Select
Basic Components: Shopify Smart Image
Basic Components: Text
Basic Component: Text Area
Basic Components: Video
Basic Components: View
Basic Components: Web Content
Basic Components: Zoom View
Basic Components: Date Input
Shopify Components
Overview: Shopify Components
Setting up Shopify Component Libraries
Cart Items Badge
Full Cart
Cart Items List
Cart Scaffolding
Category Navigation Carousel
Product Carousel by Collection
Exposed Shopify Search
PDP Scaffolding
Product Description
Product Price
Product Title
Recently Viewed Product Carousel
Shopify Search Modal
Web Header