Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: placeholder

  1. #1
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.543
    Themen
    163
    DANKE
    58
    Erhaltene Danke: 91

    Standard placeholder

    Ich möchte gern die Pflichtfeldmarkierung (Sterne) als Placeholder im Inputfeld intergrieren. Dazu habe ich z.B.
    Code:
      <label for="firstname"><?php echo ENTRY_FIRST_NAME; ?></label>
                <?php echo zen_draw_input_field('firstname', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_firstname', '40') . ' id="firstname" placeholder=""' . ((int) ENTRY_FIRST_NAME_MIN_LENGTH > 0 ? ' required' : '')) . '<span class="alert">' . ENTRY_FIRST_NAME_TEXT . '</span>'; ?>
    geändert auf
    Code:
    <label for="firstname"><?php echo ENTRY_FIRST_NAME; ?></label>
                <?php echo zen_draw_input_field('firstname', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_firstname', '40') . ' id="firstname" placeholder="' . ENTRY_FIRST_NAME_TEXT . '"' . ((int) ENTRY_FIRST_NAME_MIN_LENGTH > 0 ? ' required' : '')) ; ?>
    das klappt soweit auch.

    Nun die Frage, ob es die Funktion in irgend einer Weise beeinträchtigt, oder muss ich noch etwas beachten?

  2. #2
    Jedi-Ritter Avatar von webchills
    Registriert seit
    30.10.2004
    Ort
    Österreich
    Beiträge
    6.380
    Themen
    87
    DANKE
    3
    Erhaltene Danke: 1.061

    Standard

    Genau das ist ja bereits in 1.5.5 ohnehin Standard
    includes/templates/template_default/templates/tpl_modules_create_account.php
    Code:
    <label class="inputLabel" for="firstname"><?php echo ENTRY_FIRST_NAME; ?></label>
    <?php echo zen_draw_input_field('firstname', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_firstname', '40') . ' id="firstname" placeholder="' . ENTRY_FIRST_NAME_TEXT . '"' . ((int)ENTRY_FIRST_NAME_MIN_LENGTH > 0 ? ' required' : '')); ?>
    !!! kostenloser Support ausschließlich im Forum - Nicht per Email, nicht per Telefon und nicht per PM !!!

  3. #3
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.543
    Themen
    163
    DANKE
    58
    Erhaltene Danke: 91
    Erstellt von

    Standard

    Danke. Ich muss dann wohl doch erst einmal auf die neuste Version updaten. In meiner ist es noch nicht enthalten, warum auch immer.

  4. #4
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.543
    Themen
    163
    DANKE
    58
    Erhaltene Danke: 91
    Erstellt von

    Standard

    Das mit den Placeholdern hat sich erst einmal geklärt, das war eine Änderung unsererseits.

    Nun besteht aber noch ein Problem beim Geburtstagsfeld.
    Im Originaltemplate wird in der Desktopversion der Placeholder angezeigt, in der mobilen Version nicht, sondern als Dropdown.
    Code:
    <?php  if (ACCOUNT_DOB == 'true') {
    ?>
    <fieldset>
    <legend><?php echo TABLE_HEADING_DATE_OF_BIRTH; ?></legend>
    <label class="inputLabel" for="dob"><?php echo ENTRY_DATE_OF_BIRTH; ?></label>
    <?php echo zen_draw_input_field('dob','', 'id="dob" placeholder="' . ENTRY_DATE_OF_BIRTH_TEXT . '"' . (ACCOUNT_DOB == 'true' && (int)ENTRY_DOB_MIN_LENGTH != 0 ? ' required' : '')); ?>
    <br class="clearBoth" />
    </fieldset>
    <?php
      }
    ?>
    WhatsApp Image 2017-07-14 at 11.29.25.jpg
    nun ist ja sehr schön zu erkennen, dass es nicht mehr als Pflichtfeld deklariert ist.

    Da mir dieses aus der Reihe schwindende Dropdown nicht gefällt, haben wir das mal etwas geändert und bereinigt. Was dann so aussieht.
    Code:
    <?php if (ACCOUNT_DOB == 'true'): ?>            <div>
                    <label for="dob"><?php echo ENTRY_DATE_OF_BIRTH; ?></label>
    <?php echo zen_draw_input_field('dob','', 'id="dob" placeholder="' . ENTRY_DATE_OF_BIRTH_TEXT . '"' . (ACCOUNT_DOB == 'true' && (int)ENTRY_DOB_MIN_LENGTH != 0 ? ' required' : '')); ?>
                </div>
            <?php endif; ?>
    WhatsApp Image 2017-07-14 at 11.03.07.jpg
    Nun zeigt sich aber, dass der Placeholder hier nicht angezeigt wird und das Feld auch nicht als Pflichtfeld deklariet ist.

    Wenn der Placeholder nun aus dem Feld herausgenommen wird und angehängt gezeigt wird, dann geht es, nur ist dies ja dann wieder ein Stilbruch auf der Seite. Es sieht wie folgt aus.
    Code:
    <?php if (ACCOUNT_DOB == 'true'): ?>            <div>
                    <label for="dob"><?php echo ENTRY_DATE_OF_BIRTH; ?></label>
                    <?php echo zen_draw_input_field('dob', '', 'id="dob" placeholder=""' . (ACCOUNT_DOB == 'true' && (int) ENTRY_DOB_MIN_LENGTH != 0 ? ' required' : '')) . '<span class="alert">' . ENTRY_DATE_OF_BIRTH_TEXT . '</span>'; ?>
                </div>
            <?php endif; ?>
    WhatsApp Image 2017-07-14 at 11.13.37.jpg

    nun müsste es doch die Möglichkeit geben, den Placeholder auch in dieses Feld zu bekommen, nur leider finde ich es nicht, bzw, wie müsste ich den Code ändern, damit nicht die mobile Feld-Variante aufgerufen wird?

  5. #5
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.543
    Themen
    163
    DANKE
    58
    Erhaltene Danke: 91
    Erstellt von

    Standard Geburtstag Eingabefeld Mobil

    Nun habe ich mich noch mal mit dem Eingabefeld des Geburtsdatums beschäftigt und muss sagen, dass es irgendwie nicht meinen Vorstellungen entspricht.

    Auf dem Desktop ist das völlig in Ordnung, jedoch mobil geht das so nicht.

    Wenn man das Geburtsdatum eingeben möchte öffnet sich ein Popup wo man das Datum auswählen kann. Das ist aber irgendwie nicht die Lösung, denn man kann das Jahr nicht wählen und muss die Monate zurückblättern, da der aktuelle Tag angezeigt wird.
    Eine müssige Angelegenheit, wenn man etwas älter als 2 Monate ist.
    Ich denke, dass dies ein sehr wichtiger Punkt im Onlinehandel ist.

    Kann man dieses Feld nicht als normales Eingabefeld gestalten?

    Ich teste auf Samsung Galaxy S6 edge mit neuestem OS.

  6. #6
    Jedi-Ritter Avatar von webchills
    Registriert seit
    30.10.2004
    Ort
    Österreich
    Beiträge
    6.380
    Themen
    87
    DANKE
    3
    Erhaltene Danke: 1.061

    Standard

    Wenn Du nicht willst, dass das Geburtdatumsfeld auf mobilen Geräten ein Dropdown mit einer Datumsauswahl zeigt, dann deaktiviere diese Funktion in:

    includes/templates/responsive_classic/jscript/jscript_responsive_framework.php

    ca. Zeile 68:
    Code:
    $('input#dob').clone().attr('type','date').insertAfter('input#dob').prev().remove();
    Zeile auskommentieren und ändern auf:
    Code:
    //$('input#dob').clone().attr('type','date').insertAfter('input#dob').prev().remove();
    Dann wird das Feld am Mobile genauso angezeigt wie am Desktop
    !!! kostenloser Support ausschließlich im Forum - Nicht per Email, nicht per Telefon und nicht per PM !!!

  7. #7
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.543
    Themen
    163
    DANKE
    58
    Erhaltene Danke: 91
    Erstellt von

    Standard

    Danke.

    Ich denke, das kann gleich so und als Alternative zum Freigeben. Das Auswahlfeld geht wirklich nicht, da man das Jahr nicht wählen kann.

  8. #8
    Jedi-Ritter Avatar von webchills
    Registriert seit
    30.10.2004
    Ort
    Österreich
    Beiträge
    6.380
    Themen
    87
    DANKE
    3
    Erhaltene Danke: 1.061

    Standard

    Ich finde es nicht sinnvoll, das zu deaktivieren. Es wird hier der input type date verwendet. Das ist eigentlich Standard am Mobile und wesentlich benutzerfreundlicher als den User z.B. 10.10.1970 eintippen zu lassen.

    Dass man das Jahr nicht wechseln kann kann ich nicht nachvollziehen.

    Wenn Du z.B. Chrome für Android verwendest, dann tippst Du einfach oben links im Date Picker auf das Jahr 2017 und es erscheint eine Scrollmöglichkeit zur Auswahl des Jahres.
    !!! kostenloser Support ausschließlich im Forum - Nicht per Email, nicht per Telefon und nicht per PM !!!

  9. #9
    Padawan Stufe VIII Avatar von amatoris
    Registriert seit
    03.06.2009
    Beiträge
    1.543
    Themen
    163
    DANKE
    58
    Erhaltene Danke: 91
    Erstellt von

    Standard

    ok. Wieder was dazugelernt.

    Aber dann bleibt das Problem der Markierung, dass es ein Pflichtfeld ist.

  10. #10
    Jedi-Ritter Avatar von webchills
    Registriert seit
    30.10.2004
    Ort
    Österreich
    Beiträge
    6.380
    Themen
    87
    DANKE
    3
    Erhaltene Danke: 1.061

    Standard

    Ich finde ja das Geburtsdatum als Pflichtfeld eigentlich fürchterlich. Oder ist das ein Shop, wo erst ab 18 bestellt werden darf?

    Anyway, der Placeholder ist für normale Text inputs gedacht, denn da verschwindet er bei Überschreiben mit einer Eingabe.
    Das date input ist da anders, es ist eben kein text input.
    Der Placeholder würde drin stehen bleiben nach Auswahl des Datums, deshalb wird er nicht angezeigt.
    Wenn Du ihn anzeigen willst, kannst Du das per CSS machen mit
    Code:
    input[type='date']:after {
      content: attr(placeholder) !important;
    }
    Dann siehst Du, dass er nach Auswahl im Feld stehen bleibt.

    Du kannst sicher einigen Aufwand betreiben um den Placeholder nach Auswahl des Datums mit weiteren CSS Verrenkungen zu entfernen, ohne zusätzliche Javascripts wird das aber wohl eher nicht gehen.

    Ob es da nicht einfacher ist, einfach Geburtsdatum * zu schreiben?
    !!! kostenloser Support ausschließlich im Forum - Nicht per Email, nicht per Telefon und nicht per PM !!!

Seite 1 von 2 12 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  
zen-cart-pro.at
Zen Cart ist eine kostenlose unter der GPL-Lizenz veröffentlichte Open-Source Shopsoftware. Das System wird in den USA entwickelt, die amerikanische Website dazu ist www.zen-cart.com

Die deutsche Zen-Cart Version, um die es hier auf zen-cart-pro.at geht, ist eine Anpassung der amerikanischen Version an die Bedürfnisse von Onlineshopbetreibern im deutschsprachigen Raum.

Die deutsche Zen Cart Version wird von einem Team von Entwicklern in Österreich und Deutschland betreut, weiterentwickelt und supportet und steht kostenlos in unserem Downloadbereich zur Verfügung.

[mehr]
Follow Us
  • zen-cart-pro-at auf Twitter
  • zen-cart-pro-at auf Github
  • zen-cart-pro-at auf SourceForge
Aktuelle Version
Zen Cart 1.5.5e deutsch
Revision 1208 vom 20.05.2017
[Download]