Zobrazenie produktového banneru

Pre zobrazenie a prekreslenie produktového mini baneru služby Ahoj platby na strane integrátora (stránky detail produktu), ktorý obsahuje základné informácie o ponuke na nákup tovaru s možnosťou odkladu platieb za tovar o počet dní a v počte splátok definovaných obchodnými podmienkami Poskytovateľa je nutné vykonať nižšie uvedené kroky:

Na strane servera (server-side):

1. Ak obchodné miesto má k dispozícii produkt Ahoj platby „v 3 platbách bez navýšenia“, realizáciu HTTP volania typu POST na prístupový bod /calculation API Ahoj, ktorého odpoveďou je sada finančných parametrov bezúročného úveru CalculatedProduct pre sumu jednotkovej ceny za tovar a všetkých zvolených doplnkových služieb produktu (Suma je uvádzaná v EUR s DPH, mala by byť mapovaná v zaplatiteľnej forme - tzn. zaokrúhlená na € centy - maximálne na 2 desatinné miesta).

Na strane klienta (client-side):

2. Inicializáciu JavaScript objektu Ahoj
3. Pre vykreslenie alebo prekreslenie (pri aktualizácii ceny, aktualizácii počtu kusov, alebo pridaní doplnkových služieb) produktového mini banneru použiť metódu Ahoj.renderProductBanner kde v prípade ak má obchodné miesto k dispozícii produkt:
   • Ahoj platby „o 30 dní bez navýšenia“ : je vstupom metódy suma jednotkovej ceny za tovar a všetkých doplnkových služieb zvolených Zákazníkom goodsAndServicesPrice a selector pozície v HTML stránke integrátora pre zobrazenie obsahu produktového mini baneru.
   • Ahoj platby „v 3 platbách bez navýšenia“: je vstupom metódy:
     • výsledok kalkulácie produktu z volania /calculation - objekt CalculatedProduct. V prípade ak sa parametre CalculatedProduct nepodarí vypočítať, napr. kvôli nesplneniu limitov, metóda nenaplní selector.
     • suma jednotkovej ceny za tovar a všetkých doplnkových služieb zvolených Zákazníkom goodsAndServicesPrice a selector pozície v HTML stránke integrátora pre zobrazenie obsahu produktového mini baneru.

Príklad: Generovanie banneru produktu

<div class="product-banner"></div>

<script>
    const productBannerPayload = {
        goodsAndServicesPrice: /** Suma jednotkovej ceny za tovar a všetkých doplnkových služieb
zvolených Zákazníkom.  **/,
        calculatedProduct: {
            /** sem je potrebné vložiť výsledok kalkulácie produktu **/
        }
    }
    const productBannerRendered = ahoj.renderProductBanner(".product-banner", productBannerPayload);
</script>

Ukážka produktového mini banneru:

Sekvenčný diagram zobrazenia produktového banneru: