Hi,

To show the product price just under the product name, you need to follow the code below:

1. Inherit  point_of_sale.ProductCard component

File:

your_module/static/src/app/generic_components/product_card/product_card.xml

<t t-inherit="point_of_sale.ProductCard" t-inherit-mode="extension">
    <xpath expr="//div[contains(@class, 'product-name')]" position="after">
        <div t-if="props.price"
             t-out="props.price"
             class="text-muted text-sm font-semibold" />
    </xpath>
</t>

This will display the product's unit price under the product name on the POS grid card.

Hope it helps