> ## Documentation Index
> Fetch the complete documentation index at: https://pitchprint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Shuffle Module

> Phone-first layout module that guides customers through three cards to pick photos, choose styles and order a photo book.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/5b2cc9f40428632c466b381d/file-zD9yjwFOv0.png" alt="Shuffle module" />
</Frame>

Shuffle Module is a Phone-based layout module that makes creating and editing photo books as easy as as possible on handheld devices. With a simple clean interface, the layout module presents the user with clean, accessible three steps cards to select pictures, pick their styles and create their order.

**Step 1: Select photo source**

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/58fe31a82c7d3a057f888048/file-lp8KzEscMP.png" alt="Step 1 card where the customer selects a photo source" />
</Frame>

**Step 2: Choose photos**

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/58fe31c40428634b4a328e75/file-3OeLDHD7sD.png" alt="Step 2 card where the customer chooses photos" />
</Frame>

**Step 3: Shuffle photos and pick alternate styles**

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/58fe31e40428634b4a328e77/file-yvYVU6F4uM.png" alt="Step 3 card for shuffling photos and picking alternate styles" />
</Frame>

The module can be enabled against individual designs.

### How it works.

When you enable the module, the system copies the  **“module-shuffle”** layout from the store into your domain, so you have a new layout included in your list of layouts. And also assigns that new layout to the design template. If you disable it, it simply changes the layout to the default layout for that product but leaves the copied layout file should in case you have made edits which you wish to retain.

To modify the texts like  ***“Pick Photos from..”***, you need to go to layouts, select the module-shuffle layout from the drop down and edit the texts there.

<Frame>
  <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/58fe31fd0428634b4a328e78/file-yGhlLR3Obr.png" alt="module-shuffle layout selected in the layouts editor so its texts can be changed" />
</Frame>

At the moment, the same layout is used in all screens, i.e Desktop, Tablet and Mobile Phones. We will soon add options to assign layouts per screen so you can still have the regular layout displayed when loaded from a desktop or a tablet device.

*This is a premium module*

## Related articles

<CardGroup cols={2}>
  <Card title="Single/Double Sided Module" icon="copy" href="/docs/tutorial/single-double-sided-module">
    Let customers open the editor with a single-sided or double-sided design.
  </Card>

  <Card title="Page Count" icon="copy" href="/docs/tutorial/how-to-use-page-count-module">
    Sync your product quantity element with the page count of a PitchPrint project.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.