Stacked List Template (Content List) | Communifire Documentation

The Stacked List template displays content with the featured image on the left and text on the right. The template is a built-in template and comes with your Axero site. To use the template:

1. Add a Content List Widget on a Page Builder page
2. Edit the widget
3. Select the Stacked List template in the Template tab

Template HTML

Below is the HTML of this template for your reference.

<div class="axero-widget {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">

    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
        <h3>{{{WidgetTitle}}}</h3>
    </div>
    {{/if}}
    
    <div class="axero-widget-content axero-widget-content-padded">
        <ul class="thumbnails ax-magazine-one-stack"> 
        
            {{#each Contents}}
            <li class="span12">
                <div class="thumbnail">
                    <a href="{{ContentURL}}"><img src="{{ContentImageURL}}" alt="{{{Title}}}" /></a>
                    <div class="hero-overlay">
                        <h4><a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a></h4>
                        <p class="meta small">{{DateCreatedString}}{{#if ../CommentsEnabled}}&nbsp;&#8901;&nbsp;<i class="icon-comment"></i> {{CommentCount}}{{/if}}</p>
                        <p class="description-a">{{{Summary}}}</p>
        				<div class="small nobold">
							{{../Resources.GlobalByText}}: <a class="axero-user-card-link" data-user="{{{AuthorUserID}}}" href="{{AuthorUserProfileURL}}" title="{{{AuthorUserDisplayName}}}">{{{AuthorUserDisplayName}}}</a>
						</div>
                    </div>
                </div>
            </li>
            {{/each}}
            
        </ul>
    </div>
    
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        {{{FooterHTML}}}
    </div>
    {{/if}}
    
</div>