Drops of {%Liquid%}
Java & Scripting
Theme Features
Admin Settings
What style!
200
This liquid object provides a direct URL for the currently displayed page.
What is{{ canonical_url }}?
200
Debut, Dawn, and future themes no longer will use this, or any other libraries.
What is JQuery?
200
The only theme currently available with a sidebar menu.
What is the Simple theme?
200
This is the default title on the storefront, notifications, and Order Printer
What is the shop name?
200
This is a more flexible layout option than using a grid.
What is flexbox?
400
The {% render %} tag fixed a problem in {% include %} tags by requiring these if needed.
What are parameters?
400
This function is used by all themes to ensure product prices are formatted properly.
What is formatMoney()?
400
This theme is the only free theme to feature products that open in an AJAX pop-up.
What is the Express theme?
400
Incorrect formatting here can have strange effects on the product page, especially on some themes.
What is the currency formatting?
400
This size unit is is based on the height of the viewable area on the screen.
What is vh?
600
This string filter lets you add text before a variable or object.
What is prepend?
600
Despite this product detail not appearing on the theme, Debut already has a JavaScript function to update it when the variant changes.
What is _updateSKU?
Also accepting "SKU".
600
Merchants frustrated with banner image cropping on mobile, can now use this setting value to prevent the cropping.
What is "Adapt to Image"?
600
This is the best way to hide specific payment option icons in the footer.
What is disable the payment method in the Payment Settings?
600
:hover, :active, and :first are examples of this.
What is a pseudo-class?
800
If used in a {% form %} tag, this parameter can go to a specific page when the form is submitted.
What is return_to:
800
The theme object has these properties available, to allow the theme language strings to be used in the scripts.
What is the theme.strings?
800
This is the only theme that does not have an AJAX cart option.
What is the Minimal theme?
800
The newsletter signup form adds this property to the customer information.
What is "Accepts marketing"?
800
CSS files are no longer using liquid in them, so themes use these to get settings, such as colours, to work.
What are CSS variables?
1000
When using an open {% liquid tag, this keyword is used to output text.
What is echo?
1000
AJAX is the acronym for this
What is "Asynchronous JavaScript and XML"?
1000
Unique to the Narrative theme, the name of the section shown here.
What is Highlight?
1000
This is the best way to remove customer account links from the storefront.
What is disable customer accounts?
1000
A size of 1em is based on the inherited font size, while 1rem is based on this objects font size.
What is the root element?
Also accepted is <html>
Also accepted is the browser default font size.