Store Tags

These tags are used for accessing and displaying store-related data in Liquid templates. They help you render store information, product details, and other dynamic store content. Use these tags to build dynamic storefronts and display store data.

block

Include blocks in sections. Static include using name as id

Input

{% block 'name' %}

Static multiple include using custom ids for settings

Input

{% block 'name' id:'custom-id' %}

Inline block for side-by-side layout in the editor

Input

{% block 'name', display: 'inline' %}

container

Wraps a block container. To create a default container just use the plain container tag without the name.

Input

{% container %}

You can also create block containers dynamically as names can be defined as variables:

Input

{% for i in (1..10) %}
  {% assign name = 'my-block-container-' | append: i %}
  {% container name %}
{% endfor %}

form

Forms are an important piece of Finqu theme development. You can add forms with the form tag. You can read more about different types of forms and how to use theme from the general guide for forms.

Input

{% form 'product', product %}
{% endform %}

javascript

With javascripttag you can be sure that your script is only included once in the page. This is very useful when a shared script is needed between sections or blocks. The tag body cannot contain Liquid.

Input

{% javascript %}
    <!-- Script content -->
{% endjavascript %}

section

Renders a section from the sections folder of the theme. Sections are always wrapped inside of a parent element.

Input

{% section 'my-section' %}

Output

<div id="finqu-section-my-section">
    <!-- section content here -->
</div>

sections

Renders a section group — an ordered collection of sections that can be managed by the store editor. Section groups are defined in the theme’s section-groups folder as JSON files. Sections restricted to specific groups declare "section_groups": ["group-name"] in their schema.

Input

{% sections 'header-group' %}

Output

<div id="finqu-section-group-header-group">
    <!-- sections rendered in order -->
</div>

stylesheet

With stylesheettag you can be sure that your styles are only included once in the page. This is very useful when a shared styles are needed between sections or blocks. The tag body cannot contain Liquid.

Input

{% stylesheet %}
    <!-- CSS -->
{% stylesheet %}