Difference between revisions of "FeedItem"
| Line 1: | Line 1: | ||
<includeonly><div class="feed-item"> | <includeonly>{{#switch: {{{style|overlay}}} | ||
| side = | |||
<div class="feed-item feed-item-side"> | |||
<a href="{{fullurl:{{{page}}}}}" class="feed-item-link"> | |||
<div class="feed-item-thumb" style="background-image:url('{{filepath:{{{image|}}}}}');"></div> | |||
<div class="feed-item-body"> | |||
<h3>{{{title}}}</h3> | |||
<div class="feed-item-desc">{{{desc|}}}<span class="feed-item-more">More »</span></div> | |||
{{#if:{{{cta|}}}|<a class="feed-item-cta" href="{{{cta}}}">{{{ctalabel|Learn more}}}</a>}} | |||
{{#if:{{{actions|}}}|<div class="feed-item-actions"><button title="Like">♡</button><button title="Share">↗</button></div>}} | |||
</div> | |||
</a> | |||
</div> | |||
| overlaytop = | |||
<div class="feed-item feed-item-overlaytop"> | |||
<a href="{{fullurl:{{{page}}}}}" class="feed-item-link"> | |||
<div class="feed-item-thumb" style="background-image:url('{{filepath:{{{image|}}}}}');"> | |||
{{#if:{{{actions|}}}|<div class="feed-item-actions"><button title="Like">♡</button><button title="Share">↗</button></div>}} | |||
<div class="feed-item-title-top"><h3>{{{title}}}</h3></div> | |||
<div class="feed-item-desc-overlay">{{{desc|}}}<span class="feed-item-more">More »</span></div> | |||
{{#if:{{{cta|}}}|<a class="feed-item-cta" href="{{{cta}}}">{{{ctalabel|Learn more}}}</a>}} | |||
</div> | |||
</a> | |||
</div> | |||
| #default = | |||
<div class="feed-item"> | |||
<a href="{{fullurl:{{{page}}}}}" class="feed-item-link"> | <a href="{{fullurl:{{{page}}}}}" class="feed-item-link"> | ||
<div class="feed-item-thumb" style="background-image:url('{{filepath:{{{image|}}}}}');"> | <div class="feed-item-thumb" style="background-image:url('{{filepath:{{{image|}}}}}');"> | ||
| Line 6: | Line 34: | ||
<div class="feed-item-desc">{{{desc|}}}<span class="feed-item-more">More »</span></div> | <div class="feed-item-desc">{{{desc|}}}<span class="feed-item-more">More »</span></div> | ||
</a> | </a> | ||
</div></includeonly><noinclude> | </div> | ||
Renders one feed card | }}</includeonly><noinclude> | ||
Renders one feed card, in one of three styles depending on the | |||
'''style''' parameter passed down from {{tl|Feed}}: default (unchanged | |||
from before), <code>overlaytop</code>, or <code>side</code>. See | |||
Template:Feed's documentation for how to choose a style. Not normally | |||
called directly. | |||
</noinclude> | </noinclude> | ||
Revision as of 04:21, 13 October 2026
Renders one feed card, in one of three styles depending on the
style parameter passed down from Template:Tl: default (unchanged
from before), overlaytop, or side. See
Template:Feed's documentation for how to choose a style. Not normally
called directly.