Template:CS/products/card

Check out on Etsy

Promo card with **Image → CTA button**. Title, badge and price have been removed.

Parameters

Parameter	Required	Default	Notes
`url`	yes*	—	External URL. Required unless `link` is provided.
`link`	no	—	Internal wiki link. If set, it takes precedence over `url`.
`img`	no	—	Image filename (without `File:`). If missing, a neutral placeholder is shown.
`button`	no	`Check out on Etsy`	CTA button text (passed to {{CS button}}).
`align`	no	`left`	One of `left` · `center` · `right`.
`alt`	no	`Product image`	Alt text for accessibility.

Image links are created via the file syntax’s link= parameter; no raw HTML anchors are used.
Card is 100% width on mobile and up to 480px on larger screens.
Media area enforces a **2:3 (w:h) aspect ratio**; the image fills and crops as needed.
If neither link nor url is provided, media is non‑clickable and the CTA renders as a non‑link (per {{CS button}} behavior).

{{CS/products/card
 | url=https://etsy.com/
 | img=AtomicHabits.png
 | button=Check out on Etsy
}}

**Anchors showing as text**: do not use raw <a> in wikitext. This template uses image link=.
**Image not full width**: ensure your image param is just the filename (no File:) and do not pass fixed sizes; CSS scales it to the card width.
**No image available**: omit img to get the neutral placeholder (still sized 2:3).