Skip to main content
Toggle navigation menu
Back to website
Submit a request
Sign in
Joyn
Customising your Event Content
Home Page Sections
Search
Home Page Sections
How To: Home Page Sections
<% var getColumnClasses = function(numberColumns) { var classNames = 'col-12 mb-5'; 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 %>
<% } %>
<% }) %>
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
<% } %>
<% } %>
