Template:CS/products/card

Check out on Etsy

Minimal promo card: **Image → CTA button**. Fixed width at 300px; media area uses a 2:3 (w:h) portrait frame.

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 (internal link preferred over external). If both are empty, the image is non‑clickable.
Card width is fixed at 300px; media area is 450px tall (2:3). The image fills the frame and crops as needed.
CTA uses {{CS button}} with mobile=full and width=100%.

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

**Anchor showing oddly**: do not add raw <a>; the template sets the image link via link=.
**Image not full width**: pass only the filename (no File: namespace) and no explicit size; CSS handles sizing/cropping.