# Sponsored product

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

Cello theme provides a section, namely "Sponsored product". In this section, you can add a collection containing multiple products.

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Section width</td><td><p>Following is the Section width customization of the sponsored product.</p><ul><li>Container</li><li>Small container</li><li>Full width</li></ul></td></tr><tr><td>Subheading</td><td>Enter text to display as a subheading in the section.</td></tr><tr><td>Subheading style</td><td><p>Following is the subheading style customization of the sponsored product of the section:</p><ul><li>Solid</li><li>Outline</li><li>Link</li></ul></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>Description</td><td>Enter text to display as a description in the section.</td></tr><tr><td>Collection description</td><td>By enabling this checkbox, you can see collection description from the admin.</td></tr><tr><td>Description style</td><td><p>Customization of the "Description style" in the Sponsored product section is as follows:</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr><tr><td>Enable "View all" button</td><td>By enabling this checkbox, you can see "View all" if collection has more products than shown.</td></tr><tr><td>"View all" style</td><td><p>Customization of the "View all" style in the Sponsored product section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr><tr><td>Countdown</td><td><p><strong>Show countdown</strong><br>Enabling the checkbox will appear banner countdown.</p><p><br><strong>End date</strong><br>The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2024/10/05.</p></td></tr><tr><td>Show secondary background</td><td>By enabling this checkbox, you can show secondary background.<br><br><strong>Secondary background color</strong><br>Modifying this color of the section will result in a corresponding color change for the background.</td></tr><tr><td>Collection</td><td>Select a collection to display products in the section.</td></tr><tr><td>Maximum products to show</td><td>"Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “2” and a maximum of “12” products.</td></tr><tr><td>Number of columns on desktop</td><td>"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “4” products.</td></tr><tr><td>Number of rows</td><td>"Number of rows" is to customize the rows on the desktop and mobile screen. You can show a minimum of “1” and a maximum of “3” rows.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section 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><tr><td>Product card</td><td><p><strong>Style</strong><br>Customization of the "Style" in the Sponsored product section is as follows:</p><ul><li>Standard</li><li>Card</li></ul><p><strong>Image ratio</strong></p><p>Product image customizations in a section are as follows:</p><ul><li>Adapt to image</li><li>Portrait</li><li>Square</li></ul><p><strong>Show second image on hover</strong><br>By enabling this checkbox you can “Show the second image on hover”.</p><p><br><strong>Show vendor</strong><br>By enabling this checkbox you can display the “Product vendor”.</p></td></tr><tr><td>Banner</td><td><p><strong>Image</strong><br>Use "Image" to add the image to the section.<br><br><strong>Content position</strong></p><p>To change the position of the content, utilize the "Content position" setting. Customization of the "Content position" in the sponsored product section is as follows:</p><ul><li>Top </li><li>Middle </li><li>Bottom </li></ul><p><strong>Content alignment</strong></p><p>Customization of the "Content alignment" in the sponsored product section is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul><p><strong>Show container</strong><br>When "Show container" is enabled, the content container box will be visible.<br><br><strong>Color scheme</strong></p><p>In this section, you can change the background and foreground color of the banner 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><p><strong>Heading</strong><br>Enter text to display as a title in the section.<br><br><strong>Subheading</strong><br>Enter the text you would like to display as a subtitle above the title.<br><br><strong>Button label</strong></p><p>Use "Button label" to add a label to the Button in the section.<br><br><strong>Button link</strong><br> Use "Button link" to add a link to the Button in the section.</p><p></p><p>By using the "Open this link in a new window" option, the link will open in a new tab.<br><br><strong>Button style</strong></p><p>Customization of the "Button style" in the sponsored product is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr><tr><td>Mobile layout</td><td><p><strong>Number of columns on mobile</strong></p><p>"Number of columns on mobile" is used for the customization of product columns in Mobile devices.</p><ul><li>1 Column</li><li>2 Columns</li></ul></td></tr></tbody></table>

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2F2xSHW4YTsuza7SnP1cLM%2Fsponsored-product.png?alt=media&#x26;token=c1a09ead-7c3a-4a5c-b89b-3bf446beaddb" alt=""><figcaption></figcaption></figure>
