Design Directions

Three looks for the product widget, each shown as a grid, a slider and a list. Pick one as the default; every option stays adjustable per site in the upcoming styling settings. Resize the window (or open on a phone) to see the mobile layouts.

A. Minimal

No card frame. Image on a soft tint, quiet text link with an arrow. Feels editorial; sits calmly inside an article.

B. Card

Framed card with a soft hover shadow. Uses the theme’s own button, so it matches the site’s other buttons.

C. Site template

The shop’s own product card, read from the site’s shop template (block themes) or the theme’s WooCommerce template (classic themes). Looks exactly like the shop’s category pages.

Button options

Any look can use any button: the theme’s solid button, an outline pill, or a text link.