Startseite Symbol einblenden

Thema wurde von johannschwendtner, 9. August 2016 erstellt.

  1. johannschwendtner

    Registriert seit:
    5. Oktober 2015
    Beiträge:
    17
    Danke erhalten:
    0
    Danke vergeben:
    7
    Hallo Leute
    Möchte auf der Startseite in der oberen leiste ,ein Symbol der Startseite einblenden/einschalten(das kleine Haus).
    Habe im Handbuch und hier im Forum leider keine information gefunden.
    Honeygrid,
    3.1.1.1
    Danke voraus
     
  2. Dennis (MotivMonster.de)

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

    Registriert seit:
    22. September 2011
    Beiträge:
    30.948
    Danke erhalten:
    6.089
    Danke vergeben:
    1.078
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Welches ist den für dich genau die Obere Leiste?
     
  3. johannschwendtner

    Registriert seit:
    5. Oktober 2015
    Beiträge:
    17
    Danke erhalten:
    0
    Danke vergeben:
    7
    Ich wuste es dass die frage kommt :)
    Startseite -
     

    Anhänge:

  4. A.R.

    A.R. Aktives Mitglied

    Registriert seit:
    29. Juni 2016
    Beiträge:
    36
    Danke erhalten:
    0
    Danke vergeben:
    16
    Hallo zusammen,

    ich möchte auch gerne das häuschen Icon in die Top Navi Leiste für die Startseite aufnehmen, allerdings komme ich mit der bisherigen Beschreibung nicht ganz klar. Kann das jemand vielleicht etwas genaues Beschreiben?
     

    Anhänge:

  5. Probiere mal folgendes, melde dich im Gambio-Testshop 2 als Admin an, dann schaust du dort im Content-Manager unter Home, übernimmst die Angaben von da in deinem Shop.
    Dann schaust du dir die box_categories_top_USERMOD.html aus den Gambio-Testshop 2 an (ca. Zeile 13)
    HTML:
                                {$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"|replace:"Home":"<i class='fa fa-home'></i>"}{if $categories_item.data.products_count} ({$categories_item.data.products_count}){/if}
    und da sieht man wo das fa fa home herkommt. Das in die eigene box_categories_top.html einbauen und als
    box_categories_top_USERMOD.html speichern.
     
  6. A.R.

    A.R. Aktives Mitglied

    Registriert seit:
    29. Juni 2016
    Beiträge:
    36
    Danke erhalten:
    0
    Danke vergeben:
    16
    Hallo Gerd,

    vielen Dank für deine Antwort! Es hat leider nicht funktioniert. Ich habe die Zeile durch deinen Code ersetzt,jedoch ohne Ergebnis.

    Und wie kann ich mir die box_categories_top_USERMOD.html aus den Gambio-Testshop 2 anschauen?
     
  7. http://www.gambio.de/forum/threads/neue-testshops-sind-online.25422/
    da findest du diese zum Vergleich (aber unbedingt mit deiner vergleichen, da das Versionsabhängig ist),
    wichtig ist auch das anlegen eines Content "Home" im Contentmanager
    (siehe Bild) .
    gut wäre auch wenn du deine Shopversion immer mit angibst, da kann besser geholfen werden.
     

    Anhänge:

  8. A.R.

    A.R. Aktives Mitglied

    Registriert seit:
    29. Juni 2016
    Beiträge:
    36
    Danke erhalten:
    0
    Danke vergeben:
    16
    Hmm ist ja echt seltsam, habe die Dateien abgeglichen und die Zeile eingefügt bzw. erweitert (alles andere war absolut identisch) und als box_categories_top-USERMOD.html hochgeladen. Die Content Seite ist ebenfalls identisch angelegt. Es erscheint zwar das Wort "Home" in der Navileiste, allerdings nicht das Icon :( Meine Shop Version ist 3.1.3.1
     
  9. Dennis (MotivMonster.de)

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

    Registriert seit:
    22. September 2011
    Beiträge:
    30.948
    Danke erhalten:
    6.089
    Danke vergeben:
    1.078
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Das icon musst auch per css erzeugen also mittels der FA classen. Das alles schriftzeichen vom Font.
     
  10. #11 postel, 18. Oktober 2016
    Zuletzt von einem Moderator bearbeitet: 18. Oktober 2016
    ich schau mir das mal an, muss ich aber erst im Testshop einbauen.
    Hast du auch einen Link zum Shop für mich?

    die FA classen werden automatisch geladen aus Honeygrid/assets, habe viele fa eingebaut in die html´s und musste keine css anlegen (ausser für Farbe oder Rahmen)
     
  11. #12 postel, 18. Oktober 2016
    Zuletzt von einem Moderator bearbeitet: 18. Oktober 2016
    Die box_content_top-USERMOD.html aus dem Testshop2 muss auch mit rein, dann funktionierts!
    Willst du das Haus größer mache alle 'fa fa-home fa-lg' oder 'fa fa-home fa-2x' siehe http://fontawesome.io/
    Hab es getestet. und mit der folgendem css kannst du die Farben und Größe des Feldes anpassen:
    Code:
    #categories .navbar-default .navbar-nav li:first-of-type a {
        color: #fff;
        background: #bd1f47;
        min-width: 43px;
    }
     
  12. Nachtrag: hatte auch noch beim testen aus den Ordner vom Gambio-Testshop2 die honeygrid/usermod/javascript/global/general.js
    mit hochgeladen. Ob die denn notwendig ist, für die Anzeige des Icons im top-menu, weiß ich nicht. Hatte den Test schon entfent.
     
  13. A.R.

    A.R. Aktives Mitglied

    Registriert seit:
    29. Juni 2016
    Beiträge:
    36
    Danke erhalten:
    0
    Danke vergeben:
    16
    Gerd, du bist spitze! Es hat funktioniert, vielen Dank! Die general.js war übrigens nicht notwendig.

    Jetzt habe ich aber noch ein kleines Problem. Da ich noch die Kategorien in der oberen Navileiste drin habe, steht das Icon jetzt ganz rechts. Wie könnte ich es jetzt nach ganz links bekommen? Über die Sortierung funktioniert es ja nicht so einfach
     

    Anhänge:

  14. Das ist nicht einfach, dafür ein anderer Weg:
    den Content "Home" wieder ausschalten und in die box_categories_top-USERMOD.html folgendes einbauen:
    HTML:
    {load_language_text section="box_categories_top"}
    {load_language_text section="general" name="general"}
          
    <div id="categories">
        <div class="navbar-collapse collapse">
            <nav class="navbar-default navbar-categories" data-gambio-widget="menu">
                <ul class="level-1 nav navbar-nav">
    <!--             Home-Button-links in Top-Kategorien -->
                            <a class="dropdown-toggle top-home" href="index.php" title="Home">
                                <i class='fa fa-home fa-2x'></i>
                            </a>
    <!--             Home-Button-links in Top-Kategorien Ende-->                      
                    {foreach name=cat_data item=categories_item from=$content_data.CATEGORIES_DATA}
    
                        <li class="{if $categories_item.children|@count > 0}dropdown {/if}level-1-child{if $content_data.category_id == $categories_item.data.id} active{/if}{if $categories_item.children|@count > 0}{/if}" data-id="{$categories_item.data.id}">
                            <a class="dropdown-toggle" href="{$categories_item.data.url}" title="{$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"}">
                                {$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"}{if $categories_item.data.products_count} ({$categories_item.data.products_count}){/if}
                            </a>
    ...............
    und dann die css aus dem vorherigen Beitrag ersetzen durch:
    (die Werte kannst du dir ja anpassen an deine Leiste)
    Code:
    @media (min-width:768px){
    #categories .top-home {
        float: left;
        color: #fff;
        background: #8795b6;
        padding: 8px 10px 7px 7px;
        border: 1px solid #122551;
    }}
    dann ist ein neuer Home-Button links da, siehe Bild
     

    Anhänge:

  15. A.R.

    A.R. Aktives Mitglied

    Registriert seit:
    29. Juni 2016
    Beiträge:
    36
    Danke erhalten:
    0
    Danke vergeben:
    16
    Perfekt! Gerd ich danke dir vielmals!
     
  16. icey

    icey Mitglied

    Registriert seit:
    21. Oktober 2016
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    2
    Könnte mir das jemand erklären wie dies für einen kompletten Neuling funktioniert !? :)

    Wäre auch sehr daran interessiert, aber wenn ich mir die Beiträge durchlese komme ich komplett durcheinander. Ich weiß nicht einmal wo genau ich die ganzen Dateien im FTP finde :(

    Wäre lieb wenn jemand die Lösung kurz zusammenfassen könnte schritt für schritt mit den genauen Pfadangaben.

    Vielen Dank :)
     
  17. 1.Die Datei findest du über FTP in deinem /dein Shop-Ordner/tempates/Honeygrid/boxes/box_categories_top.html.
    2.Die lädst du herunter, bearbeitest diese wie oben beschrieben mit z.B Notepad++ oder einem Editor
    3. Speicherst diese als box_categories_top-USERMOD.html
    4. Dann lädst du die neue Datei wieder in diesen Ordner (die Originale box_categories_top.html muss bleiben!!)
    5. die Css als z.B meine.css unter tampletes/Honeygrid/usermad/css/ speichern
    6. Caches leeren und wenn du alles richtig gmacht hast wird es funktionieren.

    Ansonsten verrate mal deine Shopversion oder besser einen Link zum Shop und ich stelle dir die zwei Dateien hier zur Verfügung.
     
  18. icey

    icey Mitglied

    Registriert seit:
    21. Oktober 2016
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    2
    Meine Shopversion ist die neue 3.2.2 glaub ich :)

    Link zum shop : www.solid-mmo.de

    Und vielen Dank für die Antwort
     
  19. hab mir das angeschaut, hast ja den Einbau hinbekommen, kleine css-Änderung und der Home-Batton
    ist ordentlich plaziert:
    Code:
    @media (min-width:768px){
    #categories .top-home {
        float: left;
        color: #c4c4c3;
        background: #323232;
        padding: 8px 10px 7px 7px;
        border: 1px solid #177862a;
        margin-left: -2px;
    }}
    Dann hab ich mal in deinen Shop geschaut, die Farben und so hast du gut zum Thema gewählt, nur solltest du das Bild unter dem Header für die Ansicht Desktop und Mobile auf responsive umbauen (ohne Größenangaben)
    HTML:
    <img alt="" src="images/vorschau_x3.jpg" style="width: 1000px; height: 227px;">
    
    ändern in:
    <img alt="" src="images/vorschau_x3.jpg" class="img-responsive">
    dann sieht das in der mobilen Ansicht so aus (siehe Bilder)
     

    Anhänge: