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

# DRIFT — Product Cards

Global settings that control the visual treatment of product cards across the DRIFT Product Feed swipe and grid views, and the DRIFT Collection Feed grid.

## How to access

**Theme settings → DRIFT — Product Cards**

## Sold-out products

### Blur sold-out products

On by default. When on, sold-out products in your Product Feed and Collection Feed grid appear at 35% opacity **and** with a 4 px blur — they visually recede so shoppers focus on what's actually in stock.

Turn off if you prefer only the opacity dimming without the blur. Sold-out products stay recognizable and identifiable but without the softened effect.

The setting toggles a `data-sold-out-blur="on"` or `data-sold-out-blur="off"` attribute on the `<body>` element. Only the blur is toggled — the 35% opacity dim remains in both states so sold-out products always visually recede at least a little.
