BUGFIX: Button-"Vorherige Seite" manchmal ohne Funktion

[Godzilla]

Auf Contentseiten (wie z.B. der Datenschutzerklärung) ist der Button-"Vorherige Seite" ohne Funktion wenn

- die Seite in einem Extrafenster (target="_blank" / Popup etc.) geöffnet wird
- die Seite die Einstiegsseite des Besuchers ist
- der Besucher Javascript deaktiviert hat

Lösung:

Einfügen in die application_bottom.php

Code: PHP  [Auswählen]

<script>
window.onload = function(){
 if (document.referrer != "") {
  document.getElementById('back').innerHTML = '<a href="javascript:history.back(1)">zurück</a>';  
 }
};
</script>

im Templateordner in der Datei content.html

Code: PHP  [Auswählen]

<p>{$BUTTON_CONTINUE}</p>

ändern in

Code: PHP  [Auswählen]

<div="back"></div>

Nun erscheint der Link nur noch, wenn er auch eine Funktion hat.

Linkback: https://www.modified-shop.org/forum/index.php?topic=28090.0

[jannemann]

Hallo Gozilla,

herzlichen Dank fürs teilen deiner Lösung
 
Hast du das mit der aktuellen Version 1.06 rev.4642 getestet?

Schöne Grüße,
Jan

[SonGoku]

und für welche Shopp Version ist das jetzt ?

[Guenter59]

Hi Godzilla
Habe gerade den Hinweis auf diesen kleinen Umbau gelesen und sofort ausprobiert

Einen kleinen Fehler in der Anleitung habe ich gefunden

  

<div="back"></div>

soll wohl
    <div id = "back"></div>
sein

Ich bau mir das auch ein

GMS

[Godzilla]

@Guenter59

Danke, für den Hinweis. So ist es richtig:

Code: PHP  [Auswählen]

<div id="back"></div>

[sixtyseven]

Und wer die ganze Sache noch ein wenig mehr im Stile des restlichen Shops haben möchte, löst das folgendermaßen

In der Datei templatename/javascript/general.js.php einfügen:

Code: PHP  [Auswählen]

<script type="text/javascript" language="javascript">
        window.onload = function(){
                var element =  document.getElementById('back');
                if (typeof(element) != 'undefined' && element != null){
                        if (document.referrer != "") {
                                element.innerHTML = '<a href="javascript:history.back(1)"><img class="imagebutton" width="100" height="23" alt="<?php echo BUTTONTEXT_BACK; ?>" src="templates/<?php echo CURRENT_TEMPLATE; ?>/buttons/<?php if($_SESSION['language_code'] == 'en'){ echo 'english'; } else if($_SESSION['language_code'] == 'de'){ echo 'german'; } ?>/button_back.gif"></a>';  
                        }
                }
        };
</script>

In der Datei templatename/modules/content.html einfügen:

Code: XML  [Auswählen]

<div id="back"></div>

und dies entfernen:

Code: XML  [Auswählen]

<p>{$BUTTON_CONTINUE}</p>

Dann noch in den jeweilgen Sprachdateien (z.B. templatename/lang/german/template_lang.php) die Sprachvariablen einfügen:

Code: PHP  [Auswählen]

define('BUTTONTEXT_BACK','Zur&uuml;ck');

Bei Shops mit noch mehr Sprachen den If-Teil entsprechend erweitern.

[hpzeller]

Hallo Leute

Ist das nicht ein bisschen kompliziert wie ihr hier die Aufgabe löst.

Es geht doch eigentlich nur darum den Button ‘{$BUTTON_CONTINUE}’ unter bestimmten Bedingungen anzuzeigen oder eben nicht anzuzeigen und dafür gibt es in CSS die Eigenschaft display, des weiteren ist die Javascript-Bibliothek jQuery im Frontend doch bereits enthalten und damit lassen sich CSS-Eigenschaften ganz einfach bedingt steuern.

Hier mal zwei JQuery Schnipsel als anstoss.

Code: PHP  [Auswählen]

$("#id").css("display", "none");
$("#id").css("display", "block");

Code: PHP  [Auswählen]

$('#id').hide();
$('#id').show();

Gruss
Hanspeter

[sixtyseven]

... jetzt wo du es sagst

[web0null]

Oder so...,

ersetze

Code: PHP  [Auswählen]

<p>{$BUTTON_CONTINUE}</p>
 

mit

Code: PHP  [Auswählen]

<p id="bc" style="display: none;">{$BUTTON_CONTINUE}</p>
{literal}<script type="text/javascript">$(function () {$('#bc').removeAttr('style')});</script>{/literal}
 

Gruß

[Godzilla]

Ist das nicht ein bisschen kompliziert wie ihr hier die Aufgabe löst.

Es geht doch eigentlich nur darum den Button ‘{$BUTTON_CONTINUE}’ unter bestimmten Bedingungen anzuzeigen oder eben nicht anzuzeigen und dafür gibt es in CSS die Eigenschaft display, des weiteren ist die Javascript-Bibliothek jQuery im Frontend doch bereits enthalten und damit lassen sich CSS-Eigenschaften ganz einfach bedingt steuern.

Hier mal zwei JQuery Schnipsel als anstoss.

{literal}<script type="text/javascript">

Naja, ob jetzt eine JQuery-Lösung im magento-stil oder inline-javascript die richtige Wahl sind, wage ich zu bezweifeln.

[hpzeller]

Hallo Godzilla

Also mein Beitrag war vieleicht etwas hochnäsig formuliert, aber worum es mir ging ist folgendes.

Das benutzen von jQuery ist relativ einfach, man findet in der Dokumentation übersichtliche Beispiele die auch ohne Kenntnisse von Javascript nachvollziehbar sind.

Für dein Eingangsbeispiel sähe eine mögliche Lösung wie folgt aus, mit dem Vorteil das sie auch noch bei mehrsprachigen Shop’s funktioniert.

Code: XML  [Auswählen]

<p id="btn-c" style="display:none">{$BUTTON_CONTINUE}</p>
{literal}
<script type="text/javascript">
/* <![CDATA[ */
$(function() {
 if (document.referrer != "") {
   $("#btn-c").css("display", "block");  
 }
});  
/* ]]> */
</script>
{/literal}

Ich kann dir nur empfehlen dich mal wenn Du Zeit hast bei jQuery und jQuery-ui umzuschauen, Du wirst überrascht sein wie rasch Du in der Lage sein wirst auch scheinbar schwierige Javascript-Probleme zu lösen.

PS: meiner Meinung nach ist jQuery ein unverzichtbarer Bestandteil von Webanendungen.

Gruss
Hanspeter

[Godzilla]

Hallo hpzeller,

Also mein Beitrag war vieleicht etwas hochnäsig formuliert, aber worum es mir ging ist folgendes.

Das habe ich nicht so interpretiert.

Ich kann dir nur empfehlen dich mal wenn Du Zeit hast bei jQuery und jQuery-ui umzuschauen, Du wirst überrascht sein wie rasch Du in der Lage sein wirst auch scheinbar schwierige Javascript-Probleme zu lösen.

Ich benutze sehr viele jQuery-Plugins, allerdings auch immer nur dort, wo ich nicht auf jQuery verzichten kann. Gerade auf Contentseiten (wenn man sie als SEO-Content benutzt) ist es ja von Vorteil, wenn man jQuery rauswirft und dann bietet es sich ja förmlich an u.a. diesen "Zurück"-Button als "above-the-fold"-Content zu sehen und entsprechend nachladen zu lassen.

PS: meiner Meinung nach ist jQuery ein unverzichtbarer Bestandteil von Webanendungen.

Das ist schon richtig aber man sollte es auch nicht als Allheilmittel sehen, denn sonst gibt es demnächst nur noch diese aufgeblähten bootstrap-Templates und der Rest wir vollgestopft mit allen unnötigen jQuery-Kram der gerade noch in das Template passt.

Dann kann man demänchst seine Templates bei Twitter inc. und bei "jQuery inc." kaufen und alle Frustrierten stürzen sich auf die nächste Shop-Software...

[hpzeller]

[...]
Das ist schon richtig aber man sollte es auch nicht als Allheilmittel sehen, denn sonst gibt es demnächst nur noch diese aufgeblähten bootstrap-Templates und der Rest wir vollgestopft mit allen unnötigen jQuery-Kram der gerade noch in das Template passt.
[...]

Da muss ich dir beipflichten, so was sehe ich auch manchmal, das da ein Plugin und dort ein Plugin und noch ein Plugin und noch eins etc. bei einer Webseite geladen werden die sich manchmal sogar gegenseitig blockieren.

Gruss
Hanspeter

[web0null]

Ich lach mich Tod 

...oder inline-javascript die richtige Wahl sind, wage ich zu bezweifeln.

Ach wirklich ...
Ich frage mich nur, wenn du es bezweifelst, warum schlägst du dann selber "inline-javascript" vor.

Ich für meinen teil habe kein Problem mit "inline-javascript", für bestimmte Situationen.

Gruß

[Godzilla]

Ich frage mich nur, wenn du es bezweifelst, warum schlägst du dann selber "inline-javascript" vor.

Unter anderem weil bei meiner Version das Rendern der Seite nicht unnötig blockiert wird...