Shopify Themes
HTML/CSS/Sass
JS/jQuery
Liquid
Sections
100
This theme allows you to showcase and filter large inventories.
What is Supply
100
The <select> tag is used with this child tag.
What is <option></option>
100
This HTML tag along with this attribute are used to load a JS file.
What is <script src>
100
You can use this theme tag to insert a snippet from the snippets folder of a theme.
What is "include"
100
THESE are containers of settings and content which can be added, removed, and reordered within a section.
What is "blocks"
200
This theme offers a simple, clean design that keeps the focus on products.
What is Minimal
200
h1, p, .product and #AddToCart are examples of what in CSS.
What is a selector
200
To declare THIS in Javascript, the correct syntax is:
function myFunction(...)
What is a function
200
You can use THIS Liquid variable tag to create a new named variable
What is assign
200
Use this property to specify a maximum number of blocks in the section schema.
What is max_blocks
300
This theme is tailored to contemporary apparel stores with a focus on brand imagery.
What is Brooklyn
300
Mixins are defined using the @mixin directive. You can reuse any mixin within a selector using THIS directive.
What is @include
300
The following is the correct way to declare THIS in Javascript:
var names = ['Amal', 'Zach', 'Steph']
What is an array
300
This Liquid control flow tag allows you to add more conditions to an if or unless block.
What is else or elsif
300
THESE are default configurations of a section.
What is presets
400
This theme allows you to showcase high-resolution product imagery throughout your store.
What is Boundless
400
Shopify themes use the following Sass variables to define screen sizes: $small, $medium, $large and in some themes, THIS variable.
What is $wide
400
What is the value of "variable"?
var variable;
if ( 11 == 11 and 12 < 10 ){
variable = 12;
}
else {
variable = 'undefined';
}
What is undefined
400
This Liquid object and its attribute returns "true" if a product variant is available for purchase.
What is variant.available
400
Sections support THESE 3 new Liquid tags. These new tags are not usable outside of sections.
What is {% schema %}, {% stylesheet %}, {% javascript %}
500
This theme is ideal for stories with a small number of products or for a crowdfunding campaign.
What is Jumpstart
500
With Flexbox, this property horizontally aligns the flexible container's items when the items do not use all available space on the main-axis.
What is justify-content
500
.click, .focus and .resize are examples of THIS in jQuery
What is an event
500
This iteration tag repeatedly executes a block of code.
What is "for"
500
Basic input settings have 7 type attributes: text, textarea, radio, select, checkbox, range and THIS.
What is image_picker
M
e
n
u