> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/veena-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/veena-documentation/theme-settings/product-cards.md).

# Product cards

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

Use this setting to customize the "**Product cards**" Image Padding, Text alignment, Color scheme, Border, and Shadow.

<table><thead><tr><th width="286">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Style</td><td><p>Choose the product card style:</p><ul><li>Standard</li><li>Card</li></ul></td></tr><tr><td>Product title text transform</td><td><p>Customization of "Text transform" within the product card is as follows:</p><ul><li>Default</li><li>Lowercase</li><li>Capitalize</li><li>Uppercase</li></ul></td></tr><tr><td>Reduce product title font size on desktop</td><td>Use this settings to reduce product title font size on desktop device in product card.</td></tr><tr><td>Reduce product price font size on desktop</td><td>Use this settings to reduce product price font size on desktop device in product card.</td></tr><tr><td>Image padding</td><td>You can adjust the image padding in product card using this setting.  You can set image padding in range between “0px.” to “20px.”</td></tr><tr><td>Text alignment</td><td><p>Customization of "Text alignment" within the product card is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr><tr><td>Card color scheme</td><td><p>Choose the color scheme for the product card..</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>Image ratio</td><td><p>Choose how the product image ratio is displayed: </p><p></p><ul><li>Adapt to image</li><li>Square</li><li>Portrait</li></ul></td></tr><tr><td>Show second image on hover</td><td>Toggle to display the second product image when a user hovers over the product card.</td></tr><tr><td>Show quantity</td><td>By enabling this checkbox you can display the “Product quantity field”.</td></tr><tr><td>Show vendor</td><td>Toggle to show the product vendor (brand) in the product card.</td></tr><tr><td>Show product rating</td><td>Enable to display the product rating (requires a product rating app)</td></tr><tr><td>Enable quick look button</td><td>Enable this checkbox to display the "Quick look button".</td></tr><tr><td>Quick look button style</td><td><p>Customization of "Quick look button style" within the product card is as follows:</p><ul><li>Link</li><li>Outline Button</li><li>Solid Button</li></ul></td></tr><tr><td>Display only color</td><td>Enable this checkbox to show only color variants on product card. This is used for display only color and change product image on variant hover. It only applicable when "Add to cart button" and "Variant" is disabled.</td></tr><tr><td>Enable add to cart button</td><td>Enable this checkbox to show add to cart button on product card.</td></tr><tr><td>Variants</td><td><p><strong>Show variant</strong><br>By enabling this checkbox you can display the “Product variants”. <br><br><strong>Show variant label</strong><br>By enabling this checkbox you can show variant label.<br><br><strong>Type</strong></p><p>If the type is "Dropdown," then the variant would be dropdown. And if the type is "Pills," then the variant would be Pills. The variant types are as follows:</p><p>Type:</p><ul><li>Dropdown</li><li>Pills</li></ul><p></p><p><strong>Enable color swatches</strong> <br>By enabling this checkbox will show the "Variant color."ly applicable when 'show variants' is disabled.</p></td></tr><tr><td>Stock bar</td><td><p><strong>Show stock bar</strong> <br>Check this box to display the "Stock bar" in the product card.</p><p></p><p><strong>Show stock inventory only</strong> </p><p>Enable this checkbox  to display 'Stock inventory' only in product card.<br><br><strong>Maximum stock</strong> <br>Adjust maximum the stock for the stock countdown. Maximum product stock can be given up to "200". <br><br><strong>Limit stock cut off</strong> <br>Adjust the limited stock cut-off for the stock countdown.<br></p><p><strong>Limit stock message</strong> <br>Display limit stock message.<br></p><p><strong>In stock message</strong> <br>Display the "In stock" message.<br></p><p><strong>Continue selling message</strong> <br>Display the "Continue selling" message. <br><br><strong>Colors</strong> <br>Customize the colors of Limited stock, In stock and Continue selling text.</p></td></tr><tr><td>Timer ending text</td><td>The entered text will be displayed as a timer expiration message. It will appear once the date has expired.</td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2Fyi10Ax9tiSEM4Smxi1Hy%2Fproduct_card.png?alt=media&amp;token=f6cbee27-7053-45ca-98a8-eb2a7a2475dc" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FvIlIBbIvVWxBwtPnHTss%2Fcard_quick_view.png?alt=media&amp;token=641d18a4-07cd-4ae5-838b-0ddd8a90847a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FeZxaCUSxlQQbfBY5kDIX%2Ftheme-variants.png?alt=media&amp;token=f7405064-ecf5-4ae8-af14-eb7dc134505f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FcPBw5pm16hU2R5UOBcco%2Ftheme-stockbar.png?alt=media&amp;token=a7b75355-1d06-44d6-83b5-981877d5efcb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FZqMH8cYM4whZvSAtGdYw%2Fproduct-card-settings.png?alt=media&amp;token=b29d1d9b-7c46-4bb2-a433-7aa26d3fa296" alt=""><figcaption></figcaption></figure>