Google Translator Box verschiebt Produkt-Flyover

Ohne Link keine Lösung möglich

 

Ich vermute ein JS problem. mal ticket aufmachen.

 

Ich würd die Box weglassen. Browser bieten doch heute von alleine an fremdsprachen zu übersetzen. Da braucht man keine Umschaltbox für. - Finde auch das sowas nicht sehr profesionell aussieht.
Da das Modul scheinbar irgendwo einen konflikt verursacht müsste man das genauer untersuchen wo und warum das passiert. Das is nicht mal eben so getan - wahrscheinlich muss man da etwas länger suchen.

Frag halt mal Webdesigner oder Programmierer an ob die dir da helfen können.

Im Forum gabs auch mal ne ANleitung für diese Box aber im alten Template.

 

Ich hatte die früher auch mal, aber das Teil kostet reichlich Ladezeit, deshalb habe ich das deinstalliert.

 

Ich habe es nur in der englischen Sprache installiert. Alle die weder deutsch noch französisch als Browsersprache haben, landen auf den englischen Seiten und können dann über den Google-Translator die Übersetzung auswählen. Das wird auch gut angenommen.

Einziges Problem: Die Statuszeile oben verdeckt immer die obere Menüzeile. So kommen Kunden, die das nutzen, nicht mehr in den Kundenbereich. Hat jemand eine Idee wie man das lösen kann?

https://www.redozone.de/en

 

Ich hab gerade mal versucht da was mit JavaScript zu basteln, bin allerdings gescheitert, da man per JS scheinbar nicht abgefangen bekommt, dass die Leiste ausgeblendet wird. Dadurch kann ich zwar den Shop ein Stück nach unten verschieben, sobald die Leiste da ist, bekomme ihn aber nicht nach oben gerückt, wenn die Leiste wieder weg ist, wodurch eine recht hässliche Lücke entsteht.

 

So ist es mir bislang auch ergangen. Bleibt wohl nur die Möglichkeit die Elemente anderswo zu plazieren.

 

So etwas kann auch anders gelöst werden, wo es mehr Sinn machen würde für dein Klientel.
Zu sehen ist das ganze HIER

 

???
Ich kann Dir da nicht ganz folgen? Was hat das mit dem Thema zu tun?

 

Mir hat das tatsächlich keine Ruhe gelassen und ich denke ich habe eine Lösung für das Problem gefunden. Folgendes JS sollte deinen Shop ein Stück nach unten verschieben, sobald die Translate-Bar angezeigt wird und ihn wieder nach oben rücken, wenn man die Leiste ausblendet:

Code:

var _pullShopDown = function() {
    var googleTranslateBanner = $('.goog-te-banner-frame').length;
   
    if (googleTranslateBanner > 0) {
        $('header#header').css('top', '40px');
        $('div#outer-wrapper').css('margin-top', '40px');
    }
}

var _checkVisibility = function() {
    var isVisible = $('.skiptranslate').css('display');
    if (isVisible === 'none') {
        $('header#header').css('top', '0px');
        $('div#outer-wrapper').css('margin-top', '0px');
    }
}

$('.goog-te-combo').on('change', function() {
    setTimeout(_pullShopDown, 100);
});

$(window).on('blur', function() {
    setTimeout(_checkVisibility, 100);
});

$(document).ready(function() {
    setTimeout(_checkVisibility, 100);
    setTimeout(_pullShopDown, 100);
})

Die Timeouts sind da leider nötig, weil die Leiste nicht sofort da ist, wenn man eine Sprache auswählt, aber die Verzögerung des Verschiebens war bei mir gerade zu vernachlässigen.

 

Danke Torben!

Nur, wo baue ich das ein?

 

Versuchs mal als gobales JS Usermod also nach templates/Honeygrid/usermod/Global

 

Ich habe es in /templates/Honeygrid/usermod/javascript/Global probiert.
Leider kein Erfolg.

 

Browsercache geleert?

Ansonsten versuchen das Plain im HTML irgendwo einzubinden. Vlt in der bottom.html, damits am Schluss geladen wird und nicht das Rendering blockiert.

 

Browsercache geleert, Shopcache geleert. Am Ende in der bottom.php eingebunden.
Geht nicht.