> For the complete documentation index, see [llms.txt](https://sitar-doc.winterinfotech.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitar-doc.winterinfotech.com/sections/lookbook.md).

# Lookbook

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

The "Lookbook" section is provide by the sitar theme. show off your products in style with a Lookbook section - a visual collection that tells the story of your brand through eye-catching images.

{% hint style="info" %}
**Recommendation Size**\
Lookbook image desktop size: 1600x600
{% endhint %}

<table><thead><tr><th width="286">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Make section full width</td><td>By enabling this checkbox, you can make full width section.</td></tr><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><p>Following is the font size customization of the heading of the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Subheading</td><td><p><strong>Text</strong></p><p>Enter text to display as a subheading in the section.</p><p><br><strong>Style</strong></p><p>Customization of the "Subheading style" in the Lookbook section is as follows:</p><ul><li>Normal</li><li>Outline</li><li>Solid</li></ul><p><strong>Position</strong><br>Customization of the "Subheading position" in the Lookbook section is as follows:</p><ul><li>Before heading</li><li>After heading</li></ul><p><strong>Heading/subheading alignment</strong></p><p>Customization of the "Heading/subheading alignment" in the Lookbook section is as follows:</p><ul><li>Left</li><li>Center</li></ul><p><strong>Product preview style</strong></p><p>Customization of the "Product preview style" in the Lookbook section is as follows:</p><ul><li>Horizontal</li><li>Vertical</li></ul><p><strong>Hide vendor</strong> </p><p>By enabling this checkbox, you can hide product vendor in this section.</p></td></tr><tr><td>Heading/subheading alignment</td><td><p>Following is the heading alignment customization of the section:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Image height</td><td><p>Customization of the "Image height" in the lookbook section is as follows:</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr></tbody></table>

## **Add Image**

To add blocks to the Lookbook section, click on the 'Add image'. There are many options available similar to the lookbook.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Use "image" to add the image to the section.</td></tr><tr><td>Product</td><td><p><strong>Position top</strong><br>You can set the position of the product image from the top using position top. You can set a minimum of “0%” and a maximum of “100%” from the top.<br><br><strong>Position left</strong><br>You can set the position of the product image from the left using position left. You can set a minimum of “0%” and a maximum of “100%” from the left.<br><br><strong>Select product</strong><br>Select a product to display selected product in the section. </p><p></p><p><strong>Select collection list</strong></p><p>Use this setting to add list of collections in each block.<br><br><strong>Collection color scheme</strong></p><p>You can change the background and foreground color of a collection list using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr></tbody></table>