Skip to Content
This question has been flagged
3 Replies
376 Views
Avatar
Peter Cattersel

On the POS user interface, it seems that you can not configure the lay-out. However I would like to make the product cards larger, since the product names are long (wine names). Is this possible to configure or with Studio?

Avatar
Discard
Avatar
Peter Cattersel
Author Best Answer

I have tested further. And you can change the product card size also in Odoo V19 online. You can upload "static" modules, a zip file. This ZIP is composed with the following: the Manifest file is
{

    "name": "Custom POS Styling",

    "version": "1.0",

    "category": "Point of Sale",

    "summary": "Voegt aangepaste CSS toe voor grotere productkaarten in POS",

    "depends": ["point_of_sale"],

    "assets": {

        "point_of_sale.assets_prod": [

            "custom_pos_style/static/src/css/pos_custom.css"

        ]

    },

    "installable": True,

    "auto_install": False,

    "application": False

}
The assets view XML is

<odoo>
<template id="assets" inherit_id="point_of_sale._assets_pos" name="Custom POS CSS">
<xpath expr="." position="inside"><link rel="stylesheet" type="text/css" href="/custom_pos_style/static/src/css/pos_custom.css"/></xpath></template>
</odoo>

The CSS is

.pos .product-list .product {

    min-width: 170px !important;    /* breedte van kaart */

    min-height: 180px !important;   /* hoogte van kaart */

    padding: 10px !important;

    box-sizing: border-box !important;

}


/* grotere productnaam en beter leesbare prijs */

.pos .product-list .product .product-name {

    font-size: 14px !important;

    line-height: 1.2 !important;

}


/* Maak minder kolommen (= visueel grotere cards) — pas '3' naar gewenste aantal per rij */

.pos .product-list {

    display: grid !important;

    grid-template-columns: repeat(6, 1fr) !important;  /* 3 kaarten per rij */

    gap: 10px !important;

}


/* Zorg dat de knoparea / naam netjes centreert */

.pos .product-list .product .product-meta {

    text-align: center !important;

}


/* Optioneel: vergroot knopgrootte bij selectie */

.pos .product-list .product .button-qty {

    font-size: 16px !important;

    padding: 6px 10px !important;

}


Avatar
Discard
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Best Answer

Hi,


Since you're using Odoo Online and can't customize the POS layout directly due to the lack of Studio access and custom module installation, the most practical solution is to shorten the product names. Go to Products > Products and edit each wine product, using concise names or abbreviations. If needed, store the full name in the "Internal Reference" field.


You can also improve POS navigation by organizing wines into categories (e.g., "Red Wines," "White Wines") and enabling the "Product Categories" option in POS settings. While submitting a feature request to Odoo for more customization options is an option, it's unlikely to provide a quick solution. Direct customization through Studio or custom modules is not possible on Odoo Online.


Hope it helps

Avatar
Discard
Peter Cattersel
Author

Thanks for the answer

Avatar
Ray Carnes (ray)
Best Answer

Can you use Categories?

RED, WHITE, ROSÉ, SPARKLING, FORTIFIED
- ARGENTINA, AUSTRALIA, ITALY, FRANCE, USA
-- BARBERA, CORVINA, DOLCETTO, NEBBIOLO, SANGIOVESE

Avatar
Discard
Peter Cattersel
Author

Thanks you for the suggestion, but to many wines per category to show them at the same time. I use category navigation.