Adresseingabeformular über Spmartphone im Hochformat

    Hallo,


    da zur heutigen Zeit fast alles auf dem Smartphone erledigt wird, also auch die Bestellungen im Shop, ist mir aufgefallen, dass die Adresseingabe für die Käufer über das Eingabe-Formular im Smartphone (Hochformat) abgeschnitten und bei der Eingabe etwas umständlich ist. Siehe Anhang


    Gibt es eine einfache Möglichkeit die Beschriftung unter die Eingabefelder zu setzten statt links davon.


    Eventuell in einem Override änderbar?


    Es ist zwar nur eine optische Änderung aber zu Eingabe viel einfacher.


    Eventuell hat ja jemand eine Idee. :)



    PHP 8.1.23

    Joomla 4.3.4

    VM 4.2.2 10908
    Bronze


    Liebe Grüße

    Burkhard

    Servus,


    Möglichkeiten gibt es da immer. Persönlich verwende ich den VirtuePlanet One Page Checkout und dann muss ich nichts mehr machen, um am Smartphone eine ordentliche Anzeige zu haben.


    Der Screenshot gibt nicht so viel her, da müsste man schon die Seite, bzw. Testseite sehen.

    Mit ein wenig CSS lassen sich die Elemente label und input sicher als Blockelemente anzeigen und dann könnte das mit der Anzeige untereinander passen.

    Kommt ein wenig darauf an, ob die Elemente hintereinander stehen oder verschachtelt sind.


    Grüße

    Stefan

    Mit CSS anpassen war nicht möglich, da die Formularfelder in einer Tabelle mit 2 Spalten eingebettet sind.

    Änderbar im Overright „…/user/edit_address_userfields.php“

    Hie einfach die Spalten in Zeilen umwandeln.


    Die Abstände wurden dann in CSS angepasst und die feste Tabellenbreite „width: 450px“ etwas dynamisch mit „max-width: 450px“ geändert.


    So ist das Adresseingabefeld auch auf dem Smartphon im Hochformat übersichtlich gestaltet und sieht auch auf einem größeren Monitor optisch besser aus.


    Gruß Burkhard


    Falls jemand Interesse an den Änderungen hat hier die beide Code-Schnipsel alt und geändert.


    --------------- original Tabelle ---------------------------

    „

    <tr title="<?php echo strip_tags($descr) ?>">

    <td class="key" >

    <label class="<?php echo $field['name'] ?>" for="<?php echo $field['name'] ?>_field">

    <?php echo $field['title'] . ($field['required'] ? ' <span class="asterisk">*</span>' : '') ?>

    </label>

    </td>

    <td>

    <?php echo $field['formcode'] ?>

    </td>

    </tr>


    --------------- geänderte Tabelle ---------------------------


    <tr title="<?php echo strip_tags($descr) ?>">

    <td class="key" >

    <label class="<?php echo $field['name'] ?>" for="<?php echo $field['name'] ?>_field">

    <?php echo $field['title'] . ($field['required'] ? ' <span class="asterisk">*</span>' : '') ?>

    </label>

    </td>

    </tr>

    <tr>

    <td>

    <?php echo $field['formcode'] ?>

    </td>

    </tr>

    „

  • Dilsberger

    Hat das Label Gelöst: hinzugefügt