We use cookies to improve your experience. No personal information is gathered and we don't serve ads. Cookies Policy.

ExpressionEngine Logo ExpressionEngine
Features Pricing Support Find A Developer
Partners Upgrades
Blog Add-Ons Learn
Docs Forums University
Log In or Sign Up
Log In Sign Up
ExpressionEngine Logo
Features Pro new Support Find A Developer
Partners Upgrades
Blog Add-Ons Learn
Docs Forums University Blog
  • Home
  • Forums

Orderby Random with same Output on same Page

How Do I?

paultz's avatar
paultz
20 posts
10 years ago
paultz's avatar paultz

I have these two div / pair entries below, say slide_a and slide_b, i want that the output of slide_a to be the same with slide_b, meaning random images displays on slide_a and slide_b to be the same, how do i achieve that?

       <div id="slide_a">
{exp:channel:entries status="open|featured" channel="destination" orderby="random" limit="4" disable="pagination|member_data|comments"}
{dimage}

{/exp:channel:entries} </div>

        <div id="slide_b">
             <ol>

{exp:channel:entries status="open|featured" channel="destination" orderby="random" limit="4" disable="pagination|member_data|comments"} <li data-slide-to=”slideshow”> {dimage}</li> {/exp:channel:entries} </ol> </div>

       
airways's avatar
airways
154 posts
10 years ago
airways's avatar airways

You can use one of the string transport plugins to do this, if you can make the markup the same between the two slides and only style them differently.

MX Jumper (Free) NSM Transplant (Commercial) Portal (Disclosure: I wrote this one, but it is free) Stash (Free)

Stash could also let you use a list to store the results, then read them out twice, but that would be a much more complex solution.

       
paultz's avatar
paultz
20 posts
10 years ago
paultz's avatar paultz

Thanks, from these which one do you prefer? i tried all the free one and Portal gave me a php error 56, Couldn’t use MX Jumper with

1.{exp:ce_img:single src="{d_featured_image}” width=”200” height=”100” alt=”{d_featured_image_desc}” crop=”yes”}

  1. I tried to use stash exp:channel:entries channel=”destination” dynamic=”off” orderby=”random” limit=”3”} {exp:stash:append name="big_images"} <li>{exp:ce_img:single src="{d_featured_image}” width=”200” height=”100” alt=”{d_featured_image_desc}” crop=”yes”}</li> {/exp:stash:append}

    {exp:stash:append name="thumbs"} <li>{exp:ce_img:single src="{d_featured_image}” width=”200” height=”100” alt=”{d_featured_image_desc}” crop=”yes”}</li>
    {/exp:stash:append} {/exp:channel:entries}

<ul> {exp:stash:get name="big_images" process="end"} </ul> <ul> {exp:stash:get name="thumbs" process="end"} </ul>

and ce_img didn’t give me a result, any idea or example?

MX Jumper (Free) NSM Transplant (Commercial) Portal (Disclosure: I wrote this one, but it is free) Stash (Free)

Stash could also let you use a list to store the results, then read them out twice, but that would be a much more complex solution.

       
paultz's avatar
paultz
20 posts
10 years ago
paultz's avatar paultz

This is my actual code

<section id=”middleSlider” class=”carousel slide” data-ride=”carousel”> <div class=”carousel-inner” role=”listbox”> {exp:channel:entries status="featured" channel="destination" orderby="random" limit="4" disable="pagination|member_data|comments"} <div class=”item {switch='active|||'}”>{exp:ce_img:single src="{d_featured_image}” width=”1536” height=”528” alt=”{d_featured_image_desc}” crop=”yes”} <div class=”carousel-caption”> <div class=”bg”>

{title}

       {exp:char_limit total="105"}{d_summary}{/exp:char_limit}
       <a href="http://{title_permalink=destination/}class=more"> /images/site/text-arrow.png </a>
      </div>
    </div>
  </div>

{/exp:channel:entries}

 </div>
 <div class="bg">
  <div class="text">Featured</div>
  <ol class="carousel-indicators">

{exp:channel:entries status="featured" channel="destination" orderby="random" limit="4" disable="pagination|member_data|comments"} <li data-target=”#middleSlider” data-slide-to=”{exp:index}{count}{/exp:index}” class=”active”> {exp:ce_img:single src="{d_featured_image}” width=”143” height=”64” alt=”{d_featured_image_desc}” crop=”yes”}</li> {/exp:channel:entries} </ol> </div> </section>

       

Reply

Sign In To Reply

ExpressionEngine Home Features Pro Contact Version Support
Learn Docs University Forums
Resources Support Add-Ons Partners Blog
Privacy Terms Trademark Use License

Packet Tide owns and develops ExpressionEngine. © Packet Tide, All Rights Reserved.