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

# Product cards

* **Style**: Switch the style of product cards. You can choose between "Standard" or "Card" styles to change the overall appearance and layout of the cards.
* **Image padding**: Set the inner padding of the image in the product card to control the spacing between the image and elements such as the card border.
* **Text alignment**: Set the alignment of text in the product card. You can choose "Left", "Center", or "Right" to adjust the text display position.
* **Color scheme**: Select the color scheme of the product card to unify the card's color style.

#### Border

* **Thickness**: Set the thickness of the product card border to control the width of the border line.
* **Opacity**: Set the opacity of the product card border to adjust its transparency.
* **Corner radius**: Set the corner radius of the product card border to create a rounded corner effect for the card.

#### Shadow

* **Opacity**: Set the opacity of the product card shadow to adjust its transparency.
* **Horizontal offset**: Set the horizontal offset of the product card shadow to control its position in the horizontal direction.
* **Vertical offset**: Set the vertical offset of the product card shadow to control its position in the vertical direction.
* **Blur**: Set the blur degree of the product card shadow to adjust its blurring effect.

#### Badges

* **Corner radius**: Set the corner radius of the badges on the product card to control the rounded corner effect of the badge corners.

\
*Suggestion*: Choose a product card style that highlights your product images. Align text consistently (left alignment is often easiest to read) and use badges sparingly to draw attention to promotions or new items.