TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

[hpzeller]

Nachtrag zu meiner Antwort #493.
Das Problem scheint zu sein, dass der JavaScript-Kompressor das Leerzeichen vor dem Asterisk, siehe Codebeispiel, entfernt.

ohne Komprimierung:

Code: Javascript  [Auswählen]

$("#create_account *[name='street_address']")

nach Komprimierung:

Code: Javascript  [Auswählen]

$("#create_account*[name='street_address']")

Gruss
Hanspeter

[noRiddle (revilonetz)]

Mit dem alten Compactor hatten wir mal ein ähnliches Problem, wo auch Leerzeichen an Stellen entfernt wurden wo Code zerstört wird: https://www.modified-shop.org/forum/index.php?topic=40184.msg363567#msg363567

Gruß,
noRiddle

[hpzeller]

Noch ein Nachtrag zu meiner Antwort #493.
Das Problem scheint sich aufzulösen, wenn man in der Datei templates/bootstrap4/javascript/extra/default.js.php ab ca. Zeile 226 folgende Codesequez

Code: PHP  [Auswählen]

<?php
    echo '        $("#create_account *[name=\'street_address\']").blur(function() {if(!/[1-9]/.test(this.value) && this.value.length >= ' . ENTRY_STREET_ADDRESS_MIN_LENGTH . '){$(\'#number-error\'). slideDown(200)}else{$(\'#number-error\').slideUp(200)}});' . PHP_EOL;
    if ($_SESSION['language_code'] == 'de') {
        echo '        $("#create_account *[name=\'street_address\']").parent().append(\'<div id="number-error" style="width: 95%; float: left; display: none;"><span class="\' + classWarnings + \'">Hausnummer fehlt!</span> Ignorieren Sie diese Meldung wenn Sie keine haben.</div>\');' . PHP_EOL;
    } else if ($_SESSION['language_code'] == 'en') {
        echo '        $("#create_account *[name=\'street_address\']").parent().append(\'<div id="number-error" style="width: 95%; float: left; display: none;"><span class="\' + classWarnings + \'">House number is missing!</span> Ignore this message if you have no house number.</div>\');' . PHP_EOL;
    }  else {
        echo '        $("#create_account *[name=\'street_address\']").parent().append(\'<div id="number-error" style="width: 95%; float: left; display: none;"><span class="\' + classWarnings + \'">House number is missing!</span> Ignore this message if you have no house number.</div>\')' . PHP_EOL;
    }
?>
        for (key in warnings) {
            if (typeof strWarnings != "undefined" && strWarnings.indexOf(key) != -1) {
                $("#create_account *[name='" + warnings[key] + "']").parent().append('<div class="create-account-warning-text" style="width: 95%; float: left;">' + key + '</div>').addClass(classWarnings);
                if (hasWarnings != 1) {
                    $("#create_account .alert-warning").css("display", "none");
                    $("#create_account *[name='password'], #create_account *[name='confirmation'], #create_account *[name='vvcode']").parent().addClass(classWarnings);
                }
                hasWarnings = 1;
            }
        }
    });

mit dieser ersetzt.

Code: PHP  [Auswählen]

<?php
    echo '        $("#create_account [name=\'street_address\']").blur(function() {if(!/[1-9]/.test(this.value) && this.value.length >= ' . ENTRY_STREET_ADDRESS_MIN_LENGTH . '){$(\'#number-error\'). slideDown(200)}else{$(\'#number-error\').slideUp(200)}});' . PHP_EOL;
    if ($_SESSION['language_code'] == 'de') {
        echo '        $("#create_account [name=\'street_address\']").parent().append(\'<div id="number-error" style="width: 95%; float: left; display: none;"><span class="\' + classWarnings + \'">Hausnummer fehlt!</span> Ignorieren Sie diese Meldung wenn Sie keine haben.</div>\');' . PHP_EOL;
    } else if ($_SESSION['language_code'] == 'en') {
        echo '        $("#create_account [name=\'street_address\']").parent().append(\'<div id="number-error" style="width: 95%; float: left; display: none;"><span class="\' + classWarnings + \'">House number is missing!</span> Ignore this message if you have no house number.</div>\');' . PHP_EOL;
    }  else {
        echo '        $("#create_account [name=\'street_address\']").parent().append(\'<div id="number-error" style="width: 95%; float: left; display: none;"><span class="\' + classWarnings + \'">House number is missing!</span> Ignore this message if you have no house number.</div>\')' . PHP_EOL;
    }
?>
        for (key in warnings) {
            if (typeof strWarnings != "undefined" && strWarnings.indexOf(key) != -1) {
                $("#create_account [name='" + warnings[key] + "']").parent().append('<div class="create-account-warning-text" style="width: 95%; float: left;">' + key + '</div>').addClass(classWarnings);
                if (hasWarnings != 1) {
                    $("#create_account .alert-warning").css("display", "none");
                    $("#create_account [name='password'], #create_account [name='confirmation'], #create_account [name='vvcode']").parent().addClass(classWarnings);
                }
                hasWarnings = 1;
            }
        }
    });

Konkret also alle Asterisk ersatzlos entfernt.

Gruss
Hanspeter

[Karl1]

Hallo Zusammen,
anbei ein neues Paket.

Folgende Probleme wurden behoben

• Anzeigeproblem bei längeren Namen von Unterkategorien
  
• bei eingeschalteter JS-Komprimierung ging die erweiterte Validierung im Registrierungsformular nicht mehr (danke Hanspeter für deine Hilfe)
  
• bei eingeschalteter JS-Komprimierung wurden Leerzeichen bei der Artikelbildanzeige zwischen "Bild 1 von 4" gelöscht
  
• bei eingeschalteter HTML-Komprimierung wurden Leerzeichen zwischen Checkboxen und Beschriftung bei Newsletteranmeldung, Registrierung und im Checkout gelöscht
  

Gruß Karl

[EDIT Tomcraft 02.01.2020: Template in Beitrag 1 aktualisiert.]

[Dampfliquids]

Vielen Dank , Nach dem Update der Theme passt es jetzt bei mir .

[sb_cbo-do]

Hallo,

erst einmal danke an Karl für die Arbeit, welche er in dieses Projekt steck.
Ich habe das neue Update jetzt im Testshop 2.0.5 laufen und es läuft auch eigentlich alles wie es soll.
Ich habe aber ein Anzeige Problem bei der Suche. Bei der Suche werden die Kategorien nicht komplett angezeigt, sondern nur die ersten 5-6 Zeichen.

Hat jemand das gleiche Problem und vielleicht auch schon eine Lösung gefunden?

Gruß,

Sven

[Karl1]

Hallo Sven,
das ist so gewollt, das kannst du auch im offiziellen Demoshop anschauen.
Das Suchfeld mit dem "Autocomplete-Dropdown" würde ansonsten bei sehr langen Kategorienamen das Template unschön verändern.

Gruß Karl

[hpzeller]

Hallo Karl,

könnte man die Suchbox nicht eventuell wie im Bild unten darstellen, das Layout würde ja im Gegensatz zum Demoshop, so nicht gestört.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss
Hanspeter

[sb_cbo-do]

Hallo Karl,

danke für die schnelle Antwort.
Dann beschäftige ich mich erst einmal nicht damit.

Der Vorschlag von Hanspeter, wäre eine Lösung mit der man gut leben könnte.
Zumindest würde es so besser aussehen und dem Kunden würde die Suche erleichtert werden.

Gruß,

Sven

[hpzeller]

Hallo Sven,

wenn du es testen möchtest, dann kannst du testweise in der Datei templates/bootstrap4/boxes/box_search.html folgende Codesequenz

Code: XML  [Auswählen]

{$FORM_ACTION}
<div class="input-group">
{if isset($CATEGORIES)}<div class="input-group-prepend">{$CATEGORIES}</div>{/if}
{$INPUT_SEARCH}
<div class="input-group-append">
{$BUTTON_SUBMIT}
</div>
</div>
<div class="suggestionsBox card" id="suggestions" style="display:none;">
<div class="card-body px-2">
  <div class="suggestionList text-center" id="autoSuggestionsList">&nbsp;</div>
</div>
</div>
{$FORM_END}

mit dieser ersetzen.

Code: XML  [Auswählen]

{$FORM_ACTION}
{if isset($CATEGORIES)}<div style="margin-bottom: 4px;">{$CATEGORIES}</div>
<style>
.suggestionsBox {ldelim}
  top: 100px !important;
{rdelim}
#cat_search {ldelim}
  text-overflow: ellipsis;
{rdelim}
</style>
{/if}
<div class="input-group">
{$INPUT_SEARCH}
<div class="input-group-append">
{$BUTTON_SUBMIT}
</div>
</div>
<div class="suggestionsBox card" id="suggestions" style="display:none;">
<div class="card-body px-2">
  <div class="suggestionList text-center" id="autoSuggestionsList">&nbsp;</div>
</div>
</div>
{$FORM_END}

Gruss
Hanspeter

[sb_cbo-do]

Danke Hanspeter,

dein Code funktioniert und die Kategorien werden jetzt bei der Suche in voller länge über dem Suchfeld angezeigt.

@Karl
Vielleicht macht es Sinn diese Änderung ins Template aufzunehmen.

Gruß,

Sven

[Karl1]

Hallo Hanspeter,
wieder einmal danke für deine Hilfe.

Deinen Vorschlag habe ich in das nächste Update aufgenommen, das Suchfeld wird dann ein- bzw. zweireihig steuerbar über den Template Manager sein.

Gruß Karl

[Rocket3]

Hallo Hanspeter,
wenn ich deinen Code aus Antwort #504 einbaue und die Suche betätige, läuft alles bestens, aber wenn ich mich danach anmelden will, werde ich nicht angemeldet und komme auf die Such-Seite wieder. ?????

Gruß
Mladen

[hpzeller]

Hallo Mladen,

also ich habe den geposteten Code in den Testshop  https://hpzeller.com/modified2050/ eingebaut und da kann ich dein Problem nachstellen, wenn ich {$FORM_END} aus der Datei templates/bootstrap4/boxes/box_search.html entferne. Hast du den Code exakt wie gepostet übernommen bzw. ersetzt?

Gruss
Hanspeter

[Rocket3]

Hallo Hanspeter,
du hast recht {$FORM_END} wurde nicht mittkopiert, sorry und danke.

Mladen