> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/concept-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/concept-documentation/section/collection-with-product/block-slide.md).

# \[Block] Slide

1. Select the **Collection with bundle** option from the theme editor.
2. Click on **Add block**. Select **Slide** from **Theme Block** dropdown.

<table><thead><tr><th width="230">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Layout style</td><td><p>Select the layout style for this section:</p><ul><li><strong>Special</strong></li><li><strong>Default</strong></li></ul></td></tr><tr><td>Collection</td><td>Select a collection to add all its products to the bundle set</td></tr><tr><td>Products</td><td><p>Select the product to add to the bundle set.</p><p><em><mark style="color:red;">(Replaces the collection products when selected)</mark></em></p></td></tr><tr><td>Image</td><td><p>Set up an image for the block on desktop.</p><p><em><mark style="color:red;">(Replaces collection image when selected)</mark></em></p></td></tr></tbody></table>

#### Content

<table><thead><tr><th width="231">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Add text to display as a block <strong>heading</strong><br><em><mark style="color:red;">(Leave the field blank to show the</mark></em><mark style="color:red;"> <strong>heading</strong></mark><em><mark style="color:red;">)</mark></em></td></tr><tr><td>Button type</td><td><p>Select the type button from the dropdown menu:</p><ul><li><strong>Link</strong></li><li><strong>Button</strong></li></ul></td></tr><tr><td>Choose button style</td><td><p>Select the style button from the dropdown menu:</p><ul><li><strong>Default</strong></li><li><strong>Transparent</strong></li><li><strong>Following cursor</strong></li></ul><p><em><mark style="color:red;">(Button style</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>'Following cursor'</strong></mark><mark style="color:red;"> </mark><mark style="color:red;">is only used for layout</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>'Grid'</strong></mark><mark style="color:red;">)</mark></em></p></td></tr><tr><td>Button label</td><td><p>Add text to display as a button on the section</p><p><em><mark style="color:red;">(Leave the field blank to hide the link)</mark></em></p></td></tr><tr><td>URL</td><td>Set the link, for example the customer service page</td></tr><tr><td>Content alignment</td><td><p>Set horizontal alignment for content inside section containers:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr><tr><td>Image overlay opacity on hover</td><td>Determines the image overlay opacity of the block. Can be from <strong>0%</strong> to <strong>100%</strong>, in <strong>10%</strong> arithmetic increments</td></tr><tr><td>Background</td><td>Set the background color for the overlay</td></tr></tbody></table>