Skip to Content

Theme Commands

All theme-related commands are grouped under finqu theme. These commands help you manage theme assets, sync files between your local development environment and your Finqu theme, and streamline your development workflow. For local theme preview and development, the recommended approach is the Theme Development Kit — use finqu theme dev (or run finqu-theme-dev serve directly).

Overview

CommandDescription
finqu theme configureSet up your project to work with a theme
finqu theme downloadDownload theme assets from the connected Finqu theme
finqu theme deployUpload local theme assets to the connected Finqu theme
finqu theme deleteDelete specific assets from the theme
finqu theme devStart local theme development (recommended; uses Theme Development Kit)

finqu theme configure

Set up your project to work with a theme.

Usage

finqu theme configure

What it does

This interactive command walks you through:

  1. Selecting a theme to work with
  2. Saving the configuration to your configuration file

The configuration is stored in finqu.config.json (or the file specified by --config). For details on the configuration structure, see Configuration.


finqu theme download

Download theme assets from the connected Finqu theme.

Usage

finqu theme download [sources...]

Arguments

ArgumentDescription
[sources...]Optional file paths to download specific files or directories

When no sources are specified, all theme assets will be downloaded to your local directory.

Example

# Download all theme assets finqu theme download # Download specific files or directories finqu theme download assets/main.css sections/header.liquid finqu theme download assets/

finqu theme deploy

Upload local theme assets to the connected Finqu theme.

Usage

finqu theme deploy [sources...]

Arguments

ArgumentDescription
[sources...]Optional file paths to deploy specific files or directories

Options

OptionDescription
--cleanRemove remote theme assets not found locally
--forceInclude restricted paths like config/ and .draft directories
--no-compileSkip asset compilation on the server after upload

When no sources are specified, all local theme assets will be uploaded.

Note: By default, the config/settings_data.json file and config/.draft directory are protected and will not be uploaded to prevent accidental overwrites of theme settings made in the backend theme editor. Use the --force option to include them if necessary.

Example

# Deploy all local theme assets finqu theme deploy # Deploy specific files finqu theme deploy assets/main.css sections/header.liquid # Deploy and clean up remote files that don't exist locally finqu theme deploy --clean # Deploy including protected config files finqu theme deploy --force

finqu theme delete

Delete specific assets from the theme.

Usage

finqu theme delete [sources...]

Arguments

ArgumentDescription
[sources...]File paths of assets to delete

Options

OptionDescription
--no-compileSkip asset compilation on the server after deletion

Example

# Delete specific files finqu theme delete assets/old-script.js sections/removed-section.liquid

finqu theme dev

Start local theme development using the Theme Development Kit (finqu-theme-dev binary).

Usage

finqu theme dev

Options

OptionDescriptionDefault
-p, --port <number>Port to listen on3000
-d, --dir <path>Theme directory path

What it does

This command provides the recommended local theme development workflow:

  1. Checks that finqu-theme-dev is installed and available on your PATH
  2. Checks whether finqu-theme-dev authentication has already been completed
  3. Automatically starts finqu-theme-dev auth if credentials are missing
  4. Starts the local theme development server with finqu-theme-dev serve

The finqu-theme-dev tool uses its own credentials file at ~/.finqu-theme-dev/credentials.json and requires a channel API key. This is separate from the OAuth access token used by finqu sign-in.

Example

# Start the local development server finqu theme dev # Custom port and theme directory finqu theme dev --port 8080 --dir ./theme

Typical Workflow

Initial Setup

  1. Authenticate: finqu sign-in
  2. Configure your theme: finqu theme configure
  3. Download theme assets: finqu theme download
  4. Install finqu-theme-dev: Theme Development Kit installation
  5. Start local development: finqu theme dev

Development Cycle

  1. Make changes to theme files locally
  2. Preview changes locally with finqu theme dev
  3. Deploy changes when ready: finqu theme deploy

Project Structure

A typical Finqu theme has the following structure:

theme-name/ ├── assets/ # CSS, JavaScript, images, and fonts ├── config/ # Theme settings and configuration │ └── settings_data.json # Theme settings (protected during deploy) ├── layout/ # Layout templates ├── locales/ # Translation files (JSON format) ├── blocks/ # Reusable blocks ├── sections/ # Page sections ├── snippets/ # Code snippets ├── templates/ # Page templates └── finqu.config.json # CLI configuration file

Next Steps