1LD Tutorials & Blogs

Blog

Setup

In this setup example we will be creating a 3 column layout of 9 stacks to be shuffled.

  1. Add the Shuffler stack to the Stacks editor.

    Shuffler has two default stack elements, the main stack titled “Shuffler” and a “Shuffler Item” stack.
  2. You are able to drag and drop other stack elements into the main stack. In this setup example we will be adding a “3 column stack”. It can be placed anywhere inside the main stack.
  3. Clicking the blue plus icon button will add more Shuffler Item stacks. Drag and drop a single Shuffler Item stack into each of the columns.
    The Shuffler Item stack wraps the content that the stack will shuffled between.
  4. In our example we will copy and paste the 3 column stack to create a total of nine items.
  5. Next we will add content to each of the Shuffler Item stacks.

    You can add any type of content to the Shuffler Item stack.

  6. By default the items will shuffle and only one item will display at a time.


    You can switch back and forth between edit and preview mode to test it out.

  7. Select the main Shuffler stack to modify the settings. The last thing we need to do for our example is set the “Show:” value to 3.

    See the settings breakdown below to see what each of the options do and to learn how you can modify how the stack displays content.

Settings

Shuffle: This option is active by default. It will randomize the order of your items and you can disable it to have the content display in order instead.

Show all items at the same time: Enable this option if you just want to randomize the order of the items. This option will disable all other options because they will no longer apply.

Show x item(s) at a time: Set how many items to display on each visit to the page.

Cycle through all items: This option is enabled by default. This will make sure that every item is displayed at least once before looping and displaying items that have already been seen. If this option is enabled, the Show x items at a time value should be divisible into the total number of Shuffle Items stacks (Example: If it is set to 3, you should have at least 6 items stacks). This will ensure that there are enough stacks to cycle between. When this option is enabled you can disable the “Shuffle” option to make the items display in order on each return visit.

Show extra content on 1st viewing: This option will add a special stack inside each of the Shuffler Item stacks. Any content placed inside of this added stack will only display the first time the item is displayed. This is useful for showing notes or badges to let the visitor know that they have never seen the item content before.

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file

Blog

New Release: Kirkland Law Project File

Thanks to user feedback we are continually updating and improving the Deluxe stack framework! macOS Mojave 10.14 is no longer a requirement to use our projects. Support has been tested back to macOS Sierra 10.12. The included php mail forms have also been updated for easier setup and use.

Check out our newest project using some of the latest features. Kirkland Law is a professional service based design project built with the included and ever improving Deluxe stacks. Use this completed project by simply swapping in your own text, images, and branding. Add your own pages and use any 3rd-party stacks you need.

 

Check it out!

Latest News

Newsletter

Join our newsletter to get notified of new releases, updates, and discounts.

Subscribe

Popular Links

Free Stacks & Themes
See Order History
Product Tutorials
FAQs

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software