## Project slider and Project stack settings

Product: Arche - Interactive Portfolio FSE WordPress Theme
URL: https://hub.jkdevstudio.com/docs/arche/portfolio/project-blocks
Updated: 2026-10-30
Summary: Pick which projects the Project slider and the Project stack show, in what order, and how the slider plays, from the block sidebar.
Availability: Pro only.

Two blocks show a list of projects. **Project slider** is the row of covers on the Home page. **Project stack** shows each project full screen, one after another, as on Work. Select the block and set it up in the block sidebar.

## Query

Both blocks share these settings. They work like the core Query Loop.

<figure class="doc-figure" data-align="center" data-width="50%"><img src="https://hub.jkdevstudio.com/storage/docs/2026/10/0dac7fb3-4174-47ce-8f7d-32f13d7a0834.webp" alt="The Project slider block sidebar with the Query settings (Projects 6, Order by Random, Offset 0, Categories, Projects picked by hand, Leave out the open project) and the Autoplay settings"><figcaption>The Project slider settings.</figcaption></figure>

:::options

- **Projects** (number): How many projects show. The slider holds up to 12 (default 6). The stack lists up to 50 (default 10).

- **Order by** (select): Random, Newest to oldest, Oldest to newest, A to Z, Z to A or Page order. Random picks a new order on every visit. The slider defaults to Random, the stack to Newest to oldest.

- **Offset** (number, default: 0): Skips this many projects from the start of the order.

- **Categories** (multiple select): Only projects in these categories. Empty takes every category.

- **Projects picked by hand** (multiple select): Shows just these projects, in this order. It overrides the settings above.

- **Leave out the open project** (toggle, default: on): On a case study, the project on the page is not in the list.

:::

<div data-callout="note">

On Work and in a project category the Project stack lists that page's projects, all on one page. The Query settings apply when the block sits on any other page.

</div>

## Autoplay

Project slider only.

:::options

- **Autoplay** (toggle, default: on): Moves to the next project on its own while nobody drags it.

- **Seconds per project** (number 3 to 10, default: 5): How long each project stays before the next one.

:::

## How the slider behaves

- Drag the row, use the wheel or the arrow keys. The active project sits in the center under the frame.
- Click a side slide to bring it to the center. Click the active one to open its case study.
- The active slide shows the project's year and title, and a badge for a video or a gallery.
- A ring in the frame's corner shows the time left until the next project.
- The background is a blurred copy of the active cover that slowly drifts.

<figure class="doc-figure" data-align="center"><img src="https://hub.jkdevstudio.com/storage/docs/2026/10/11fc54a3-a0a2-4948-be0f-66f40231f0d8.webp" alt="The home page slider with the active Cobalt slide ringed between two side slides, over a blurred blue background"><figcaption>The active slide of the Project slider.</figcaption></figure>

## How the stack behaves on Work

Each project fills the screen with a large counter, its title, summary, client and services. The dock at the bottom shows the current project with its number and a round button that opens it. Point at the dock to bring up round buttons for the previous project, the list of all projects and the next one. A percentage in the corner shows how far down the list you are.

<figure class="doc-figure" data-align="center"><img src="https://hub.jkdevstudio.com/storage/docs/2026/10/3a703c12-8dc0-4cc0-b3b5-7b6b790585b2.webp" alt="The Work page with the first project full screen, the counter 01, the title Vermilion, client and services, and the project dock ringed at the bottom"><figcaption>The Project stack on Work.</figcaption></figure>

In the list, one preview travels beside the row you point at and crossfades from project to project, with the counters to the right of the names.