Skip to main content
Jupiter
Toggle navigation menu
Back to website
Community
Submit a request
Sign in
Search
Jupiter
Design and styling
Updating page templates
Updating page templates
Rendering HTML using JavaScript
Understanding Guide templating
Customizing page templates with HTML and Curlybars
Using variables in CSS and HTML
Adding multiple templates to your theme
Changing page templates in Guide
<% var getColumnClasses = function(numberColumns) { var classNames = 'col-12'; if (numberColumns >= 2) classNames += ' md:col-6'; if (numberColumns >= 3) classNames += ' lg:col-4'; if (numberColumns >= 4) classNames += ' xl:col-3'; return classNames; } %>
<% if (heading) { %>
<%= heading %>
<% } %>
<% blocks.forEach(function(block, index) { %>
<% if (imageHeight) { %>
<% } %>
<% if (block.name) { %>
<%= block.name %>
<% } %> <% if (block.description) { %>
<%= block.description %>
<% } %>
<% if (numberColumns === 1 && alignment === 'left') { %>
<% } %>
<% }) %>
<% var getColumnClasses = function(numberColumns) { var classNames = 'col-12'; if (numberColumns >= 2) classNames += ' md:col-6'; if (numberColumns >= 3) classNames += ' lg:col-4'; if (numberColumns >= 4) classNames += ' xl:col-3'; return classNames; } %>
<% if (heading) { %>
<%= heading %>
<% } %>
<% blocks.forEach(function(block, index) { %>
<% if (imageHeight) { %>
<% } %> <% if (block.name) { %>
<% if (block.html_url) { %>
<%= block.name %>
<% } else { %> <%= block.name %> <% } %>
<% } %> <% if (block.description) { %>
<%= block.description %>
<% } %>
<% }) %>
Can't find what you're looking for?
Submit a request
Categories
<% categories.forEach(function(category, index) { %>
<%= category.name %>
<%= partial('partial-article-list-sections', { id: 'category-' + category.id, parentId: '#sidebar-article-navigation', sections: category.sections, activeCategoryId: activeCategoryId, activeSectionId: activeSectionId, activeArticleId: activeArticleId, partial: partial }) %>
<% }); %>
<% var maxSections = 5 %>
Toggle navigation menu
<% categories.forEach(function(category, index) { %>
<%= category.name %>
<%= partial('partial-section-list-sections', { parent: category, sections: category.sections, maxSections: maxSections, partial: partial }) %>
<% }); %>
Categories
Categories
<% categories.forEach(function(category) { %>
<%= category.name %>
<% }); %>
<% if (sections.length) { %>
<% sections.forEach(function(section) { %>
<%= section.name %>
<%= partial('partial-article-list-sections', { id: 'section-' + section.id, parentId: '#' + id, sections: section.sections, activeCategoryId: activeCategoryId, activeSectionId: activeSectionId, activeArticleId: activeArticleId, partial: partial }) %> <% if (section.articles.length) { %>
<% section.articles.forEach(function(article) { %>
<%= article.title %>
<% }); %>
<% } %>
<% }); %>
<% } %>
<% if (sections.length) { %>
<% sections.slice(0, maxSections).forEach(function(section) { %>
<%= section.name %>
<%= partial('partial-section-list-sections', { parent: section, sections: section.sections, maxSections: maxSections, partial: partial }) %>
<% }); %> <% if (sections.length > maxSections) { %>
See more
<% } %>
<% } %>
Powered by Zendesk
<%= heading %>