Easily write Liquid expressions

Latest Version

Version
1.0.1
Update
March 24, 2020
Size
219KiB
Developer
dropkiq.com
Category
Users
39
Rating
0 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
DeclarativeContent
Storage
See more

Dropkiq for Chrome Extension

**EDIT** The Dropkiq for Chrome keyboard extension has been updated to be {Command + Shift + I} (or Control + Shift + I for PC)

Dropkiq for Chrome is a Google Chrome extension for Shopify experts who would like a tool to help them write Liquid (https://shopify.github.io/liquid/) while doing Shopify development. Dropkiq for Chrome can help in several ways:

* Reduce mistakes by using copy / paste rather than free typing
* Use text autocompletion when you can't remember the name of an object's attributes
* Work faster with live previews of your Liquid's output (with test data)
* Get the hint from the Shopify documentation without leaving your current web page
* Previews works with filters to show what the filter will do to the output
* Use Dropkiq with keyboard shortcuts so you never have to leave your keyboard

Here is an example of how you would use Dropkiq in your normal workflow.

1. You're working on a custom theme in Shopify's website
2. Type your normal text, such as \"Check out my awesome product: \"
3. When you get to the part where you need to enter liquid, use the keyboard shortcut \"Command + i\"
4. Use the Dropkiq for Chrome plugin to write out product.title
5. Press enter to copy the expression to the clipboard
6. Paste back into Shopify's editor

**Warning: In the first version of Dropkiq for Chrome, variables are static. For example, if you have the following code:


{% assign other_product = all_products['wayfarer-shades'] %}

Dropkiq for Chrome is not yet smart enough to know there is a \"other_product\" variable. As a work around, you could write your Liquid using the \"product\" variable, and then change the final Liquid by renaming \"product\" to \"other_product\".

Dropkiq for Chrome was built on Dropkiq Engine technology. Dropkiq can help your customers write Liquid in your application. Visit https://www.dropkiq.com/ to learn more.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Dropkiq for Chrome", "description": "Easily write Liquid expressions", "version": "1.0.1", "permissions": [ "declarativeContent", "storage" ], "manifest_version": 2, "icons": { "48": "icons/icon_48.png", "128": "icons/icon_128.png" }, "browser_action": { "default_title": "new-tab-page", "default_popup": "popup/popup.html" }, "background": { "scripts": [ "background.js" ] }, "commands": { "_execute_browser_action": { "suggested_key": { "default": "Ctrl+Shift+I", "mac": "Command+Shift+I" } } }}
Read more

Similar Extensions

icon

Shopify Developer Tools Extension · Developer Tools 39 0 ★ 27.68KiB

icon

Liquify - Shopify Code Search & Editor Extension · Developer Tools 39 27 ★ 62.93KiB

icon

Metafields Guru Extension · Productivity 39 2 ★ 1.6MiB

icon

Shopify Theme Inspector for Chrome Extension · Developer Tools 39 62 ★ 408KiB

icon

Shopify App Detector by Fera.ai Extension · Productivity 39 62 ★ 185KiB

icon

Shopify Theme Search by Bold Extension · Developer Tools 39 49 ★ 263KiB

icon

AMP Assistant (by Superchargify) Extension · Productivity 39 0 ★ 451KiB

icon

Shopify Assistant Extension · Productivity 39 1 ★ 643KiB

icon

Shopify spy scraper & parser Extension · Productivity 39 45 ★ 572KiB

icon

Shopify Theme Detector Extension · Developer Tools 39 23 ★ 494KiB

icon

Shopify Custom Fields Extension · Productivity 39 6 ★ 55.24KiB

icon

Theme Explorer for Shopify Extension · Developer Tools 39 8 ★ 424KiB

icon

ShopifyMonitor - Get Alerts for New Arrival Extension · Shopping 39 27 ★ 2.12MiB

icon

Shopify Theme File Search by EZFY Extension · Productivity 39 64 ★ 202KiB

icon

Ecomify Theme Migrations Extension · Developer Tools 39 4 ★ 207KiB

icon

Shopify Website Audit Extension · Productivity 39 28 ★ 1.66MiB

icon

Poshify Utilities Extension · Developer Tools 39 6 ★ 3.71MiB

icon

Shopify theme search (Fast) Extension · Developer Tools 39 35 ★ 275KiB

icon

Shopify SHARK - Product scraper & store spy Extension · Productivity 39 12 ★ 1.89MiB

icon

Dark Mode for Shopify Extension · Productivity 39 15 ★ 632KiB

icon

Shopify Code Editor Dark Mode Extension · Developer Tools 39 5 ★ 22.31KiB

icon

ShopifyNerds app and theme detector Extension · Productivity 39 1 ★ 124KiB

icon

Shopify Navigation Tool Extension · Productivity 39 17 ★ 467KiB

icon

Arena Shopify Admin Extension Extension · Developer Tools 39 6 ★ 137KiB