MODUL: Fancybox für modified eCommerce Shopsoftware (ThickBox Alternative/Ersatz)

[flth]

Welche AGB meinst du, den normalen Link aus der Information Box zu den AGB oder den beim Checkout?

Florian

[web28]

Zwei Vorschläge zur fancybox:

1. man sollte unbedingt das Wort popup vermeiden
2. die Contenlinks wie bei der Thickbox als iframe öffen

Für ein Boxbreite von 600 schlage ich deshalb den Namen infobox600 vor. Man kann entsprechend beliebig viele weitere Boxen mit anderen Maßen definieren

Hier der Code:

Code: PHP  [Auswählen]

/*IFRAME*/
        $(".infobox600").fancybox({
                'width'                         : 600,
                'height'                        : 400,
                'autoScale'                     : false,
                'transitionIn'          : 'none',
                'transitionOut'         : 'none',
                'titlePosition'         : 'inside', // 'inside' 'outside'  'over'
                'type'                          : 'iframe'
        });    

Ein Link kann dann auf diese Weise generiert werden:

Code: PHP  [Auswählen]

xtc_href_link(FILENAME_POPUP_CONTENT, 'coID='.SHIPPING_INFOS).'" title="Information" class="infobox600">'

Gruss Web28

[flth]

Hallo web28,

auf dem Weg war ich grade das per iframe einzubinden. Dann klappt es auch per SSL wie es scheint, mal noch auf Rückmeldung von AEOne warten.

Warum sollte man das popup vermeiden? Ich persönlich (meine Meinung) finde dass z.B. infobox600 spätestens dann verwirrend wird, wenn sie 500px breit ist oder sich der Größe anpaßt... aber darüber kann man nun streiten.

Ich werde den Code von dir mal einbauen und das CSS und dann kommt Version 1.5 für Tomcraft.

Grüße

Florian

[web28]

Wir hatte hier schon Meldungen von Kaspersky Nutzern, das die Produktbilder Grossansicht nicht funktionierte, das lag an dem Wort popup im Verzeichnisnamen.

infobox600 gilt natürlich nur für 600px breite Infofenster, infobox800 für 800px. Das ist aber nur ein Vorschlag, das kann jeder machen wie er will.

Bei den Bildern fehlt mir der schöne Mausrad-Effekt, dann würde ich auch das ganze JavaScript für die Fancybox in eine einzige JS-Datei packen. (fancybox.js)
Das erleichert den nachträglichen Einbau.

Gruss Web28

[XTCM-User]

Hallo Florian!

Ich meine die AGB im Contentbereich. Ich fände es schön wenn Impressum, AGB usw. als Fancybox öffnen, wenn Javascript funktioniert und nur als Fallback dann in der Contentbox.

By the way, wie kann ich so etwas so einbauen, dass er bei aktiviertem Javascrift den JS-Code nutzt und ansonsten den Standard-HTML-Code? So eine Art Code-Weiche. Ich müsste das dann ja wohl schon mit den HTML-Boardmitteln feststellen, oder irre ich da?

Gruß
Marc

[flth]

web28 hast du das mal im IE getestet? Der schmeißt bei SSL Verbindungen eine Zertifikatswarnung aus, weil teilweise von SSL und nicht SSL geladen wird...

Gruß

Florian

[web28]

Ich kann keine Probleme feststellen (IE7)

Gruss Web28

[shopper_ed]

Bei mir werden die ganzen Fancy- Grafiken im IE nicht angezeigt. Die Funktionalität ist jedoch gegeben. Kommt der IE mit dem Pfad der Grafiken nicht klar?

[flth]

@shopper_ed: Hast du die CSS Datei aus diesem Beitrag verwendet?

Florian

[shopper_ed]

Oh, danke für den Tipp. Jetzt läuft es.

[AEOne]

Ich kann keine Probleme feststellen (IE7)

Gruss Web28

Wie hast Du das gelöst?
Immer wenn ich die Fancybox aus einem SSL-Breich (z.B Warenkorb) aufrufe (z.B. Versandkosten), erhalte ich folgende Fehlermeldung (siehe Bild unten)...

Danke + Gruß AEOne

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

[web28]

Die Infobox muss als IFrame aufgrufen werden.

[AEOne]

Hm...
Das wird sie aber:

Code: PHP  [Auswählen]

<script type="text/javascript">
<!--
        $(document).ready(function() {
                $("a.fancy").fancybox({
                        'padding' : 20,
                        'easingIn' : 'transition',
                        'easingOut' : 'transition',
                        //'titleShow': true,
                        'titlePosition' : 'over',
                        'transitionIn' : 'fade',
                        'transitionOut' : 'fade'
                });
                $(".infobox600").fancybox({
                        //'autoDimensions' : false,
                        'autoScale' : false,
                        'width' : 600,
                        'height': 700,
                        //'height' : 'auto',
                        //'titleShow': true,
                        'titlePosition' : 'over',
                        'transitionIn' : 'fade',
                        'transitionOut' : 'fade',
                        'type' : 'iframe'
                });
        });
        function getGroupItems(opts) {
                jQuery.each(imageList, function(i, val) {
                        opts.itemArray.push(val);
                });
        }
//-->
</script>

[web28]

Wie sehen denn die beiden Linkcodes in includes/classes/main.php aus?

[AEOne]

Einmal so:

Code: PHP  [Auswählen]

//Fancybox statt Thickbox
return ' '.SHIPPING_EXCL.' <a target="_blank" href="'.xtc_href_link(FILENAME_POPUP_CONTENT, 'coID='.SHIPPING_INFOS.'').'" title="'.SHIPPING_COSTS.'" class="contentpopup">'.SHIPPING_COSTS.'</a>';
//Fancybox statt Thickbox

Und einmal so:

Code: PHP  [Auswählen]

//Fancybox statt Thickbox
return '<a target="_blank" href="'.xtc_href_link(FILENAME_POPUP_CONTENT, 'coID='.$coID).' title="'.$text.'" class="contentpopup"><font color="#ff0000">'.$text.'</a>';
//Fancybox statt Thickbox