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.

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?

If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our Ticket System — 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.

Halothemes Community

Join HaloThemes Community

Last updated