> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-sections/shopables/shopable-image/block-lookbook.md).

# Block - Lookbook

### General settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FRoPgGUvRn3OHSZcMlGB7%2Fimage.png?alt=media&amp;token=0dc8e608-7022-4522-af3a-0f4e7e407c14" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Items per row on desktop</strong></td><td>Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.</td></tr><tr><td><strong>Column gap</strong></td><td><p>4 options for column gap</p><ul><li><strong>No gap</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li></ul></td></tr><tr><td><strong>Show navigation</strong></td><td>Display the next and back controls for the carousel</td></tr><tr><td><strong>Show pagination</strong></td><td>Display the pagination for the carousel<br><em>* Note: Pagination will automatically show on mobile if you display the number of items on mobile as 1 or 2</em></td></tr><tr><td><strong>Items per row on mobile</strong></td><td>Number of columns to display on mobile devices.</td></tr></tbody></table>

### Block settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FeeUAKVl6FYZ0uEnt9IRg%2FScreenshot_131.png?alt=media&amp;token=497550b4-fe8f-4006-92ee-905e11f0aa20" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Image</strong></td><td>Upload desired image <em><strong>(448px x 600px recommended)</strong></em></td></tr><tr><td><strong>Vertical position</strong></td><td>Adjust the vertical placement of the product (in %). Higher values move it lower.</td></tr><tr><td><strong>Horizontal position</strong></td><td>Adjust the horizontal placement of the product (in %). Higher values move it to the right.</td></tr><tr><td><strong>Product</strong></td><td>Select a product from your store.</td></tr></tbody></table>