Skip to content
Forge

Shop product card

Visual, name, variant, customer rating and price, with an add-to-cart button.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

The whole card is not one giant link: the name leads to the product page, the button adds to the cart, and each keeps its own focus. The star rating is made readable with full text (score and review count) and the price stands out.

Code

Loading the code…

Archive contents

carte-produit-boutique-html-tailwind.zip3 files · 3 Ko

  • index.html4 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 13, 2026.

In the same spirit

  • "Open now" hours card

    Free

    A shop card with the week's opening hours, today highlighted and a live status: open, closing soon, or closed with the reopening time.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Service card with icon

    Free

    Icon, title, short description, indicative price and link to the details.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Recipe card

    Free

    Visual, recipe name, difficulty, duration and servings.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Profile card

    Free

    Initials avatar, name, role, short bio and booking link.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
Shop product card | Forge