Code für Webfonts in <head> tag einbinden

Thema wurde von henriks, 25. September 2014 erstellt.

  1. henriks

    henriks Erfahrener Benutzer

    Registriert seit:
    27. August 2014
    Beiträge:
    167
    Danke erhalten:
    10
    Danke vergeben:
    29
    Hallo zusammen,

    würde gerne meine Webfonts in den (Test)Shop einbinden.
    Welche Datei nehme ich hierfür um meine <script> Zeilen in den <head> tag des Shops einzubinden?

    Danke & LG
     
  2. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Für 2.1:

    Leg dir einen passenden Extender in user_classes/overloads an. Kopier dir dazu aus dem _samples Ordner den HeaderExtenderComponent Ordner hoch. Pass die Echo Anweisung im Beispiel Extender an, der darin liegt.
     
  3. henriks

    henriks Erfahrener Benutzer

    Registriert seit:
    27. August 2014
    Beiträge:
    167
    Danke erhalten:
    10
    Danke vergeben:
    29
    Danke, aber das ist wohl zu hoch für mich. Hatte gehofft die Antwort fällt in Richtung nimm Datei X und füge den Code zwischen Y und Z ein :)
    Hatte auch überlegt, dass via Tracking-Bereich im Admin-Backend einzubinden, da landet es ja allerdings leider im body und nicht im head...
     
  4. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Ansich steht genau das da.

    Noch ein Versuch: Das was da im Sample in der echo Anweisung zwischen den beiden ticks ( ' ) steht, wird 1:1 in den Header ausgegeben. Hilft dir das Wissen ?
     
  5. henriks

    henriks Erfahrener Benutzer

    Registriert seit:
    27. August 2014
    Beiträge:
    167
    Danke erhalten:
    10
    Danke vergeben:
    29
    Füge ich dies ein:

    Code:
    <?php
    /* --------------------------------------------------------------
       SampleExtender.inc.php 2014-01-01 gm
       Gambio GmbH
       http://www.gambio.de
       Copyright (c) 2014 Gambio GmbH
       Released under the GNU General Public License (Version 2)
       [http://www.gnu.org/licenses/gpl-2.0.html]
       --------------------------------------------------------------
    */
    
    class SampleExtender extends SampleExtender_parent
    {
        function proceed()
        {
            parent::proceed();
            
            echo '<script src="//XXX.XXX.net/XXX.js"></script>
                    <script>try{Typekit.load();}catch(e){}</script>';
        }
    }
    bekomme ich das im Quelltext:

    Code:
    <script src="[URL="http://www.gambio-forum.de/view-source:http://xxx.xxx.net/XXX.js"]//XXX.XXX.net/XXX.js[/URL]"></script>
    <script>try{Typekit.load();}catch(e){}</script>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de">
    
    <head> 
    
    <!--          =========================================================         Shopsoftware by Gambio GmbH (c) 2005-2014 [[URL="http://www.gambio.de]"]www.gambio.de][/URL]         =========================================================          Gambio GmbH offers you highly scalable E-Commerce-Solutions and Services.         The Shopsoftware is redistributable under the GNU General Public License (Version 2) [[URL]http://www.gnu.org/licenses/gpl-2.0.html][/URL].         based on: E-Commerce Engine Copyright (c) 2006 xt:Commerce, created by Mario Zanier & Guido Winger and licensed under GNU/GPL.         Information and contribution at [URL]http://www.xt-commerce.com[/URL]          =========================================================         Please visit our website: [URL="http://www.gambio.de"]www.gambio.de[/URL]         =========================================================          -->                  <meta http-equiv="X-UA-Compatible" content="IE=edge" />         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />         <meta http-equiv="Content-Style-Type" content="text/css" />         <meta name="robots" content="index,follow" />         <meta name="language" content="de" />         <meta name="date" content="" />
    
    Wie bekomme ich das zwischen die <head> Tags?

    Sorry, ich ralls nicht :(
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    10. August 2012
    Beiträge:
    1.554
    Danke erhalten:
    455
    Danke vergeben:
    96
    echo 'xyz' bedeutet, dass was zwischen den Stricherln steht wird als Text ausgegeben. Schreib an die Stelle nur deinen <script> Teil und lass das echo inkl ' ' weg.
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. April 2011
    Beiträge:
    993
    Danke erhalten:
    208
    Danke vergeben:
    100
    ja binde Sie doch einfach über die

    Code:
    SHOPROOT/templates/EyeCandy/javascript/general.js.php
    
    mach Dir daraus eine USERMOD Datei und gut ...
     
  8. henriks

    henriks Erfahrener Benutzer

    Registriert seit:
    27. August 2014
    Beiträge:
    167
    Danke erhalten:
    10
    Danke vergeben:
    29
    Ich möchte doch den Teil quasi als Text ausgeben. Oder verstehe ich Dich falsch? Wenn ich das echo weglasse führt das zu einem Script-Fehler.

    Ja, das klappt schonmal soweit ganz gut - Danke!
    Hatte allerdings versucht die Datei als general-USERMOD.js.php zu speichern, aber die erkennt er dann nicht. Muss ich die in diesem Fall in einem speziellen USERMOD-Ordner ablegen?
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. April 2011
    Beiträge:
    993
    Danke erhalten:
    208
    Danke vergeben:
    100
    ich würd sagen das die so ausehen muss

    general.js-USERMOD.php
     
  10. henriks

    henriks Erfahrener Benutzer

    Registriert seit:
    27. August 2014
    Beiträge:
    167
    Danke erhalten:
    10
    Danke vergeben:
    29
    Das hatte ich in meiner Verzweiflung bereits probiert :p Funktioniert leider auch nicht.
     
  11. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.807
    Danke erhalten:
    548
    Danke vergeben:
    249
    nee, ich denke mal so wird das nichts, wenn dann muss die Datei in den Template Ordner in usermod/javasript/global oder je nach dem wo du das anwenden möchtest
     
  12. henriks

    henriks Erfahrener Benutzer

    Registriert seit:
    27. August 2014
    Beiträge:
    167
    Danke erhalten:
    10
    Danke vergeben:
    29
    Muss die Datei zudem trotzdem umbenannt werden oder ist der global Ordner von der Hirarchie höher und die Originaldatei wird ignoriert?
     
  13. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.807
    Danke erhalten:
    548
    Danke vergeben:
    249
    du hast das genau richtig erkannt, das USERMOD kannst du weglassen
     
  14. henriks

    henriks Erfahrener Benutzer

    Registriert seit:
    27. August 2014
    Beiträge:
    167
    Danke erhalten:
    10
    Danke vergeben:
    29
    #14 henriks, 26. September 2014
    Zuletzt bearbeitet: 26. September 2014
    Alles klar, teste das nachher gleich mal! Danke!

    EDIT: Seltsamerweise funktioniert das auch so nicht. Denke ich belasse die Änderung erstmal in der Originaldatei... Wird mir spätestens bei nem Update wieder einfallen wenn es nicht mehr funktioniert
     
  15. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Also ich zieh mir den Font auf den Webspace und binde den einfach in der CSS Datei mit ein. Die ganzen Social Media Buttons links sind FONT Symbole aus einem WebFont.
    das is einfach und sicher und ich hab keine weitere Domain die ich anzapfe beim laden jeder Seite.
     
  16. henriks

    henriks Erfahrener Benutzer

    Registriert seit:
    27. August 2014
    Beiträge:
    167
    Danke erhalten:
    10
    Danke vergeben:
    29
    Hmmm in dem fall aus lizenzrechtlicher sicht nicht ganz so einfach
     
  17. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Wenn ihr das mit dem Overload und Usermods usw nicht hinbekommt

    dann halt auf die alte Wild West art

    /templates/EyeCandy/module/head.html

    rein damit kurz vor das </head> und gut is.
     
  18. Moritz (Gambio)

    Moritz (Gambio) Administrator

    Registriert seit:
    26. April 2011
    Beiträge:
    5.786
    Danke erhalten:
    2.692
    Danke vergeben:
    903
    Dann lieber /templates/EyeCandy/module/head-USERMOD.html ;).
     
  19. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    ja schon. ich verzichte auf die html usermod dateien da man die bei problemen oft übersieht.
     
  20. janlorenz

    janlorenz Mitglied

    Registriert seit:
    21. September 2013
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    3
    Das Ganze mit dem direkt coden in die head.html sollte doch auch mit Typekit-Fonts funktionieren, oder?
    Tut's bei mir nämlich nicht. In der HTML-Ausgabe mittels Quelltext ansehen steht das <script> auch nicht drinnen. hm......