# Product Cards

Control the appearance and features of product cards used in collections and grids. Enable/disable wishlist, quick view, countdowns and adjust card layout and decoration.

1. From your Shopify admin, go to **Online Store ->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings ->** **Product Cards.**

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FMdGaBb0wA2XTwkqsRLMz%2Fimage.png?alt=media&#x26;token=e545c9c2-5dd5-40fb-bc09-48f823c9aac9" alt=""><figcaption></figcaption></figure>

### Product Cards Settings

| Settings                          | Type              | Default               | Description                                                                      |
| --------------------------------- | ----------------- | --------------------- | -------------------------------------------------------------------------------- |
| Card Image Padding                | range             | 0                     | Padding around product images inside the card.                                   |
| Card Text Alignment               | select            | left                  | Text alignment for title/price inside the card.                                  |
| Enable Price Percent              | checkbox          | true                  | Show percentage-based price labels (discount percent).                           |
| Enable Wishlist                   | checkbox          | true                  | Enable wishlist button on product cards.                                         |
| Enable Quick View                 | checkbox          | true                  | Enable quick view modal from the product card.                                   |
| Enable Compare                    | checkbox          | true                  | Enable product compare action on cards.                                          |
| Quick Add Type                    | select            | text                  | Style/type for quick add (e.g., button, text).                                   |
| Card Color Scheme                 | color\_scheme     | scheme-2              | Color scheme applied to product cards.                                           |
| Show Countdown                    | checkbox          | false                 | Toggle a countdown timer on the product card.                                    |
| Countdown Type                    | select            | all\_product          | Countdown mode (per product or global collection); visible if countdown enabled. |
| Countdown Time                    | text              | Dec 31, 2022 18:00:00 | Target datetime used for countdown displays.                                     |
| Countdown Collection              | collection        |                       | Collection used when countdown type references a collection.                     |
| Countdown Text Color              | color             | #000000               | Text color for countdown timer.                                                  |
| Countdown Background Color        | color             | #ffffff               | Background color for countdown area.                                             |
| Countdown Background Gradient     | color\_background |                       | Optional gradient for countdown background.                                      |
| Show Product Marquee              | checkbox          | false                 | Toggle a scrolling marquee text over product cards.                              |
| Product Marquee Reverse Direction | checkbox          | false                 | Reverse the marquee scrolling direction when enabled.                            |
| Product Marquee Speed             | range             | 15                    | Speed (seconds) for marquee animation.                                           |
| Product Marquee Text Color        | color             | #ffffff               | Text color for the product marquee.                                              |
| Product Marquee Background Color  | color\_background | #000000               | Background color for the product marquee.                                        |
| Product Marquee Type              | select            | text                  | Type of marquee content (text/image).                                            |
| Product Marquee Text              | text              |                       | Content text for the marquee.                                                    |
| Card Border Thickness             | range             | 0                     | Border thickness for product card.                                               |
| Card Corner Radius                | range             | 0                     | Corner radius for product card.                                                  |
| Card Shadow Horizontal Offset     | range             | 0                     | Horizontal offset for card shadow.                                               |
| Card Shadow Vertical Offset       | range             | 0                     | Vertical offset for card shadow.                                                 |
| Card Shadow Blur                  | range             | 0                     | Blur radius for card shadow.                                                     |

### Need More Help? <a href="#section-settings" id="section-settings"></a>

If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.

Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.

<div align="left"><figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F6DSdaXqNMMBSOZPU97FQ%2FQR-halothemes-community.png?alt=media&#x26;token=613e73d0-0a18-4598-934c-e5048806f533" alt="Halothemes Community" width="233"><figcaption></figcaption></figure></div>

<a href="https://www.facebook.com/groups/halothemescommunity" class="button primary" data-icon="comment-dots">Join HaloThemes Community</a>
