ibenick
Active member
Just signed up to have a play
My first question is how did you get each section here
to appear as one continuous entry here with sub-headings, etc?
In the template nflj_showcase_item, I took the code for each of the usual additional tabs and their content and removed it via TMS:
First the tabs themselves get removed:
Code:
<xen:if is="{$item.tab2_name} && {$t2.hasContent}">
<li>
<a href="">{$item.tab2_name}</a>
</li>
</xen:if>
<xen:if is="{$item.tab3_name} && {$t3.hasContent}">
<li>
<a href="">{$item.tab3_name}</a>
</li>
</xen:if>
<xen:if is="{$item.tab4_name} && {$t4.hasContent}">
<li>
<a href="">{$item.tab4_name}</a>
</li>
</xen:if>
<xen:if is="{$item.tab5_name} && {$t5.hasContent}">
<li>
<a href="">{$item.tab5_name}</a>
</li>
</xen:if>
And then the content of those tabs:
Code:
<xen:if is="{$item.tab2_name} && {$t2.hasContent}">
<li>
<div style="padding-top:10px;">
<article><blockquote class="ugc baseHtml">{xen:raw $t2.message}</blockquote></article>
</div>
</li>
</xen:if>
<xen:if is="{$item.tab3_name} && {$t3.hasContent}">
<li>
<div style="padding-top:10px;">
<article><blockquote class="ugc baseHtml">{xen:raw $t3.message}</blockquote></article>
</div>
</li>
</xen:if>
<xen:if is="{$item.tab4_name} && {$t4.hasContent}">
<li>
<div style="padding-top:10px;">
<article><blockquote class="ugc baseHtml">{xen:raw $t4.message}</blockquote></article>
</div>
</li>
</xen:if>
<xen:if is="{$item.tab5_name} && {$t5.hasContent}">
<li>
<div style="padding-top:10px;">
<article><blockquote class="ugc baseHtml">{xen:raw $t5.message}</blockquote></article>
</div>
</li>
</xen:if>
Then I just took all of those tab content items and inserted it into the first tab, below the main content. I left the 'if is' statements in there so they won't show unless there is content, and I included an h3 tag for each section and styled it in extra.css. Here is my code for the first tab with all of the sub headings:
Code:
<h3 style="margin-top: -10px !important;">Overview</h3>
<article><blockquote class="ugc baseHtml">{xen:raw $item.message}</blockquote></article>
<xen:if is="{$t2.hasContent}">
<h3>Trailhead</h3>
<article><blockquote class="ugc baseHtml">{xen:raw $t2.message}</blockquote></article>
</xen:if>
<xen:if is="{$t3.hasContent}">
<h3>The Hike</h3>
<article><blockquote class="ugc baseHtml">{xen:raw $t3.message}</blockquote></article>
</xen:if>
<xen:if is="{$t4.hasContent}">
<h3>Permits & Regulations</h3>
<article><blockquote class="ugc baseHtml">{xen:raw $t4.message}</blockquote></article>
</xen:if>
<xen:if is="{$t5.hasContent}">
<h3>Relevant Books & Maps</h3>
<article><blockquote class="ugc baseHtml">{xen:raw $t5.message}</blockquote></article>
</xen:if>
<xen:if is="{$t6.hasContent}">
<h3>Trip Reports</h3>
<article><blockquote class="ugc baseHtml">{xen:raw $t6.message}</blockquote></article>
</xen:if>
It's a little tougher to do all this in Template Modifications System rather than directly editing the template, but well worth it when it comes to upgrades as you don't have to try to figure out everything you changed and reapply.
To give you an idea, this a list of all of my TMS modifications made just to the 'nflj_showcase_item' template.