Thread

Hi there,

The following is a piece of a template test I’m currently try to work out. CSS/HTML wise the layout produces a javascript tabbed display. However after managing to get it working I’m trying to go a little bit further, adding some randomness to the rendering.

<div id="TabbedPanels1" class="TabbedPanels">
        <div class="TabbedPanelsContentGroup">
  {exp:weblog:entries status="open" orderby="random" limit="4" } 
            <div class="TabbedPanelsContent">
      {summary}<a href="http://{comment_url_title_auto_path}">more</a></div>
      {/exp:weblog:entries} 
        </div>

        <ul class="TabbedPanelsTabGroup">     
  {exp:weblog:entries status="open" orderby="random" limit="4" } 
          <li class="TabbedPanelsTab" tabindex="0">{weblog}</li>
      {/exp:weblog:entries} 
        </ul>
      </div>

As you noticed, in this broken scenario both sections are using orderby=“random”, therefore the li items will almost certainly render the {weblog} value from a different entry.

Is there any way of making this work? Is PHP the only way to go?

Best regards

You could use PHP on output, to gather the associated weblogs for each displayed item, and then loop through that later in the template, or you could build it all within one weblog entries tag, and move the second unordered list to a different spot in the markup with the Reeposition plugin.

Tks Derek,

You are the guy! 😊

Glad Derek was able to help. Don’t hesitate to post again as needed.