Nimbu Themes control the appearance of your project on Nimbu. Developers can use Nimbu’s open-source Liquid templating language, along with standard HTML, CSS, and JavaScript, to create any look and feel they want.
Nimbu themes are created as a directory of template files. These files are written in Liquid, Nimbu’s templating language based the open-source language built by Shopify. Liquid allows you to mix static HTML and dynamic Liquid tags to create the pages and structures used by a Nimbu website.
Nimbu themes are organized with a standard directory structure of template files and other assets, such as images, stylesheets, and scripts. Themes should always include the basic set of required templates, such as the files controlling the home page, product page, account pages and others.
Nimbu themes can be edited either directly online on the live site, or offline combined with the Nimbu Toolbelt. This allows to put your templates under version control. You can also work with the development tools of your choice (i.e. Visual Studio Code) and prepare an update to be released when ready.
Using the Nimbu Toolbelt, you can render any page using the live data from your site, as if the templates were live. It uses a local web server that acts as a proxy to simulate a request being made to your site.
More information can be found at https://www.npmjs.com/package/nimbu-toolbelt
To set up your project, this folders will get you started.
layouts
:templates
stylesheets
javascripts
images
code
content
The layout directory is rendered as the Layouts folder in the theme. It contains theme layout templates, which by default is the default.liquid
file. All Liquid templates inside the templates folder are rendered inside the {{ content_for_body }}
variable.
In addition to the default.liquid
, you can define as many layout files as needed. Use the {% layout ... %}
tag to set the layout used inside a template file.
The templates directory is rendered as the Templates folder in the theme. It contains all templates available in your theme, either for specific pages or default templates as used in i.e. the customer account page.
The snippets directory is rendered as the Snippets folder in the editor. It contains all the theme's reusable Liquid snippet files, which are bits of code that can be referenced in other templates of a theme.
Use the Liquid render
tag to load a snippet into your theme.