All Projects → internalfx → Quickshot

internalfx / Quickshot

Licence: isc
A Shopify theme development tool.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Quickshot

Themekit
Shopify theme development command line tool.
Stars: ✭ 834 (+768.75%)
Mutual labels:  shopify
Slater Theme
Shopify Starter theme based on slate
Stars: ✭ 47 (-51.04%)
Mutual labels:  shopify
Shopify Embedded App Frontend Framework
deprecated - Shopify Embedded App Frontend Framework sponsored by
Stars: ✭ 85 (-11.46%)
Mutual labels:  shopify
Language Liquid
Liquid language support for Atom.
Stars: ✭ 28 (-70.83%)
Mutual labels:  shopify
Jsx Lite
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and Liquid.
Stars: ✭ 1,015 (+957.29%)
Mutual labels:  shopify
Vue Storefront
The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Ne…
Stars: ✭ 9,111 (+9390.63%)
Mutual labels:  shopify
Shopify Api Node
Official Node Shopify connector sponsored by MONEI.net
Stars: ✭ 695 (+623.96%)
Mutual labels:  shopify
Gatsby Shopify Theme
🛒 Simple theme to build a blazing simple and fast store with Gatsby and Shopify.
Stars: ✭ 95 (-1.04%)
Mutual labels:  shopify
Polaris Icons
A cohesive collection of icons that we use across the Shopify platform.
Stars: ✭ 43 (-55.21%)
Mutual labels:  shopify
Shopify
Shopify PHP SDK to easily interact with the Shopify API.
Stars: ✭ 84 (-12.5%)
Mutual labels:  shopify
Wp Shopify
🎉 Sell and build custom Shopify experiences on WordPress.
Stars: ✭ 38 (-60.42%)
Mutual labels:  shopify
Shopifyscraper
Shopify Scraper (not monitor)
Stars: ✭ 41 (-57.29%)
Mutual labels:  shopify
Action Shopify
Deploy Shopify theme with Theme Kit on GitHub Actions
Stars: ✭ 67 (-30.21%)
Mutual labels:  shopify
Shopify Lang
Multi-Language Shopify Online Shop
Stars: ✭ 26 (-72.92%)
Mutual labels:  shopify
Shopify Node App
Skeleton Shopify App for Node.js
Stars: ✭ 88 (-8.33%)
Mutual labels:  shopify
Storefront Api Examples
Example custom storefront applications built on Shopify's Storefront API
Stars: ✭ 769 (+701.04%)
Mutual labels:  shopify
Laravel Shopify
Laravel Shopify Package
Stars: ✭ 60 (-37.5%)
Mutual labels:  shopify
Polaris Telescope
A Sketch plugin that lets you quickly search for Polaris guidelines and code snippets.
Stars: ✭ 96 (+0%)
Mutual labels:  shopify
Builder
Drag and drop page building using your code components
Stars: ✭ 1,281 (+1234.38%)
Mutual labels:  shopify
Next Storefront
🛍️ A dazzlingly fast E-Commerce solution built with Typescript and NextJS.
Stars: ✭ 72 (-25%)
Mutual labels:  shopify

Quickshot 3

A Shopify theme development tool.

Join the chat at https://gitter.im/internalfx/quickshot license npm version

Features

  • Super fast file transfers
  • Uploads and downloads multiple files in parallel
  • Easily switch between Shopify stores and themes
  • Easy to use configuration wizard
  • Can be configured to ignore certain files when syncing
  • Uploads and downloads Shopify blogs, pages and products. You can now easily transfer product information between shops.

Runs on node.js v10+.

TLDR, Installation

npm install -g quickshot

Getting nodejs

Quickshot is written in JavaScript and needs nodejs to run. Quickshot recommends getting nodejs with NVM. Once you have nodejs installed you can run npm install -g quickshot.

Getting started

Quickshot is run from the command line (terminal). You can start quickshot with quickshot or qs.

For the remainder of the docs we will give examples using the qs shortcut.

Viewing command help

Run qs by itself to see all the possible commands.

    Quickshot 3.5.0
    ==============================

    Commands:
      quickshot config                        Creates/Updates the configuration file in current directory
      quickshot blogs                         Manage Shopify blogs
      quickshot pages                         Manage Shopify pages
      quickshot products                      Manage Shopify products
      quickshot theme                         Manage Shopify themes
      quickshot                               Show this screen.

Configuring

Run qs config to run the configuration wizard, which will guide you through creating your Configuration file. You do not need to make or edit this file by hand.

Targets Configuration

Targets allow you to direct Quickshot to send files to one of multiple locations. Almost every command in qs requires a target. A target is basically a specific theme at a specific shop.

Targets have a name, shop, and theme. This is very powerful as you can direct Shopify information wherever you wish.

For example, you could download all the theme files from your live store, and then upload them to your development shop in just 2 commands.

Create Targets

Run qs config

Go to targets > Create target

You will then be asked for all of the following information.

  • Target Name - Staging, Development or whatever you wish
  • Store URL - URL to the Shopify store you want to connect to (quickshot needs the full "example URL" as this also has the keys used to connect)
  • Theme - Quickshot will display all the available themes from your shop, use your arrow keys to select which one you want to connect to

After configuring a target, you are returned to the Manage targets menu. From there you can edit, delete, and display a list of all configured targets. If you are finished adding targets select < Go Back to continue.

Edit Targets

Run qs config

Go to targets > Edit target

You will then be asked for all of the following information. However, previous values will be pre-filled in for you. To keep the previous value press Enter.

  • Target Name - Staging, Development or whatever you wish
  • Store URL - URL to the Shopify store you want to connect to (quickshot needs the full "example URL" as this also has the keys used to connect)
  • Theme - Quickshot will display all the available themes from your shop, use your arrow keys to select which one you want to connect to

Delete Targets

Run qs config

Go to targets > Delete target

Select the target you wish to delete and press enter.

List Targets

Run qs config

Go to targets > List targets

Ignoring Files

you can use a .quickshot-ignore file to prevent quickshot from uploading files you don't want in Shopify.

.quickshot-ignore uses gitignore syntax

For gitignore syntax see the (Gitignore Docs)[https://git-scm.com/docs/gitignore]

Theme Download

qs theme download

Downloads theme files from the chosen target.

Option Description
target Explicitly select target. Allows you to bypass "Select target" prompt.
filter Only transfer files matching specified filter.

Theme Upload

qs theme upload

Uploads theme files to the chosen target.

Option Description
target Explicitly select target. Allows you to bypass "Select target" prompt.
filter Only transfer files matching specified filter.

Theme Watch

qs theme watch [--sync]

Watches files for changes and uploads them to Shopify.

Option Description
target Explicitly select target. Allows you to bypass "Select target" prompt.
--sync Enable two-way sync. Quickshot will also watch remote files on Shopify and download them when they change.

Pages Download

qs pages download

Downloads pages from the chosen target.

Option Description
target Explicitly select target. Allows you to bypass "Select target" prompt.
filter Only transfer pages matching specified filter.

Pages Upload

qs pages upload

Uploads pages to the chosen target.

Option Description
target Explicitly select target. Allows you to bypass "Select target" prompt.
filter Only transfer pages matching specified filter.

Migrating from 2.x, breaking changes.

The format of quickshot.json has changed.

The API URL used to be constructed from three separate settings.

"api_key": "123abc",
"password": "789xyz",
"domain": "shop",

Now it only uses one.

url": "https://123abc:[email protected]/admin/api",

.quickshotignore has been renamed to .quickshot-ignore

Quickshot no longer reads your .gitignore file. Put files you need to ignore in your .quickshot-ignore file instead.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].