# Product card
Customize layout options, image display ratios, variant selections, action buttons, badges, and product metadata displayed across product grids on your store.
## How to update Product card settings
1. In the theme editor (**Edit theme**), click **Theme settings.**
2. Locate **Product card.**
3. Make necessary changes.
4. **Save.**
## Layout
| Setting | Description |
| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Card style | Select your preferred card style for displaying product information. Choose from **5 available styles** (Style 1 to Style 5).
**Which style should you use?** |
| Content alignment | Adjust the alignment for text and content elements within the product card (**Left**, **Center**, or **Right**). |
## Image
| Settings | Description |
| ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Aspect ratio | Choose an image proportion that fits your product photography: |
| Show video as featured image | Enable or disable displaying a video in place of the main image if available.
*Note: Video must be first in the media list and hosted on Shopify*. |
| Show second image on hover | Enable or disable displaying the secondary product media image when hovering over the card. |
| Default thumbnail | Upload a fallback image from your library or explore free images for products that do not have any uploaded media. |
## Variant options
| Settings | Description |
| ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Show variant options | Enable or disable variant selection swatches/buttons on the product card.
*Note:* *Limited to showing 1 option*. |
| Show featured image | Controls which image is displayed on the product card when selecting variant swatches:
• **When checked:** The product card always displays the primary featured image set in [**Product media**](https://help.shopify.com/en/manual/products/product-media "Product media").
• **When unchecked:** The product card dynamically updates to show the specific image assigned to the selected variant. |
| Option name | Specify which product variant option to display on the card (e.g., Color, Size, Material). |
| Option design | Choose how variant options are displayed on the product card:
•**Custom image** / **Color:** Set up in [**Product options swatches**.](https://docs.foxecom.com/minimog-theme/theme-settings/product-options-swatches)
• **Variant image:** Set up in **Shopify Admin** > **Products** > **Variants**.
• **Button**
• **Dropdown** |
| Number of option's values to display | Set the maximum number of variant swatches/values to display on the card using the slider or numeric input
*Note: Set to 0 to display all option values.* |
## Content
| Settings | Description |
| -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Show Add To Cart button | Enable or disable the "Add To Cart" button on the product card.
• **Single variant:** Displays **"Add to cart"** to instantly add the item to the cart without leaving the page.
• **Multiple variants:** Displays **"Choose options"** to open a quick view pop-up, allowing customers to select variants and view details without navigating to the product page. |
| Show Quickview button | Enables a quick view to preview product details in a popup without leaving the page. |
| Show Wishlist button | Enable or disable the heart icon to let customers add items to their wishlist.
*Note: To view the saved products list and customize the Wishlist page layout, refer to the* [*Additional page*](https://docs.foxecom.com/minimog-theme/theme-settings/additional-pages) *guide.* |
| Show Compare button | Enable or disable the button allowing customers to add the product to a comparison table. |
| Show countdown | Enable or disable the sale or deal countdown timer on applicable product cards. |
| Show product inventory | Enable or disable stock level indicators on the card.
*Note: Go to "Theme Settings >* [*Product Inventory*](https://docs.foxecom.com/minimog-theme/theme-settings/product-inventory) *for settings.* |
| When click Select options button | Choose the action when the button is clicked: opens the **Select options** popup or redirects to the **Product page**. |
## Badges
| Settings | Description |
| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Sale badge | Display discount tags on products on sale.
Choose from available display formats (**Percentage**, **Fixed amount**, **Text**) or select **Hide** to disable. |
| Show sold out badge | Enable or disable the badge when the product inventory is out of stock. |
| Show reviews badge | Enable or disable review ratings and total review counts on the card
*Note: Requires an integrated review app.* [*Learn*](https://www.google.com/search?q=%2523\&utm_source=gemini) *more about* [*review apps*](https://docs.foxecom.com/minimog-theme/theme-settings/intergrated-apps) *compatible with Minimog.* |
| Show custom tag badges | Enable or disable custom badges created by adding specific tags to products in **Shopify Admin.**
*Note: How to set up custom product tags? Learn more:* [*Add custom badges*](https://docs.foxecom.com/minimog-theme/guides/products-and-collections/add-custom-badges-to-products "Add custom badges")
|
## Product title
| Settings | Description |
| ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Show vendor | Enable or disable the brand or product vendor name below the title. |
| Product title line limit | Set the maximum number of text lines displayed for the product title.
Excess text will be truncated with an ellipsis (...) to maintain consistent card height across the grid (**1 line, 2 lines, 3 lines,** or **No limit**). |
## Product price
| Settings | Description |
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------ |
| Show lowest prices | Enable or disable displaying the lowest variant price starting point for products with multiple price points. (e.g: "From $X") |
