Dropdown Menu ändern

Thema wurde von Anonymous, 21. Juni 2016 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
    @Tasso :) Danke.. das freut uns...

    also zu 1) Das geht ganz einfach mit dem Livezilla Admin Tool, das solltest Du eigentlich auch haben. Das startest Du und gehts auf Link-Generator da kannste Dir dann lauter lustige Sachen aussuchen... Das One SIte Chat Overlay ist das was Du suchst.. bissi einstellen und Code für Webseite generieren... diesen dann im Gambio Backend bei Shop Einstellung -> SEO -> Trackingcodes eintragen, abspeichern und fertig.

    zu 2)
    auf http://translate.google.com/manager/website/?hl=de gehen... code besorgen

    in templates\Honeygrid\usermod\css... google-translate.css anlegen mit folgendem Inhalt:
    Code:
    /* GOOGLE TRANSLATE */
    
    .golangsel {
            position: relative;
            float: left;
            background-image: url(/images/content/flags_sw_rund.png);
            background-repeat: no-repeat;
            background-position: 0 50%;
            width: 230px;
            height: 25px;
    }
    .golangsel a {
            display: none;
    }
    .golangsel:hover a {
            display: inline;
    }
    templates\Honeygrid\boxes... box_top_navigation.html editieren oder USERMOD erstellen:
    (also nur die Sachen zwischen den mod start und end)
    HTML:
    {load_language_text section="top_navigation"}
    {load_language_text section="infobox" name="infobox"}
    {load_language_text section="buttons" name="buttons"}
    {load_language_text section="general" name="general"}
    <!-- mod google tansl start -->
                {literal}
    hier kommt alles hin aus dem code was mit script zu tun hat (das div ganz oben einfach weglassen)
                {/literal}
    <!-- mod google tansl end -->
    <div id="topbar-container">
        {assign var="showTopSearch" value={template_setting name="gx-show-search-top-nav"}}
      
        {if $showTopSearch && $showTopSearch != ''}
            <div class="hidden-sm hidden-md hidden-lg top-mobile-search">
                ###TOP_SEARCH###
            </div>
        {/if}
        <div class="navbar-topbar">
    <!-- mod google tansl start -->
                    <div class="golangsel">
                             <meta name="google-translate-customization" content="40adf4136b728126-4f586f5cfff8c2e1-g57bac5f9aba6b60c-15"></meta>
                             <a><div id="google_translate_element"></div></a>
                    </div>
    <!-- mod google tansl end -->
            <nav data-gambio-widget="menu link_crypter" data-menu-switch-element-position="false" data-menu-events='{literal}{"desktop": ["click"], "mobile": ["click"]}{/literal}' data-menu-ignore-class="dropdown-menu">
                <ul class="nav navbar-nav navbar-right">
    
                    {if $showTopSearch && $showTopSearch != ''}........
     
  2. Tasso

    Tasso Mitglied

    Registriert seit:
    2. Januar 2017
    Beiträge:
    13
    Danke erhalten:
    1
    Danke vergeben:
    5
    #42 Tasso, 26. Januar 2017
    Zuletzt bearbeitet: 26. Januar 2017
    @BMS ,

    ich habe beides probiert und es funktioniert wunderbar, vielen Dank!!! :)

    EDIT: Leider zerschiesst mir aber das Google Übersetzungsmenübild die Ansicht in der Logo Spalte, sobald man runterscrollt verschiebt sich das Logo, der freie Inhalt und der Warenkorb auch nach unten....

    Wie kann man es automatisch ausblenden lassen und auch über einen bestimmten Punkt (bei dir die Flaggen) positionieren wie bei dir?
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
    @Tasso hasse mal nen link, dann kann ichs mir mal kurz anschauen!
     
  4. Tasso

    Tasso Mitglied

    Registriert seit:
    2. Januar 2017
    Beiträge:
    13
    Danke erhalten:
    1
    Danke vergeben:
    5
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
    @Tasso hi

    also... du mußt aus dem ersten mod der zwischen dem literal steht das <div id="google_translate_element"></div> weg löschen, dann sollte es passen..

    (Du hast diese DIV 2 mal... einmal im literal und dann nochmal weiter unten) das meinte ich mit "hier kommt alles hin aus dem code was mit script zu tun hat (das div ganz oben einfach weglassen)"
     
  6. Tasso

    Tasso Mitglied

    Registriert seit:
    2. Januar 2017
    Beiträge:
    13
    Danke erhalten:
    1
    Danke vergeben:
    5
    Stimmt, du hast recht! Jetzt ist es wieder gut!

    Vielen Dank!
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
    #47 Anonymous, 30. Januar 2017
    Zuletzt bearbeitet: 30. Januar 2017
    @Tasso
    hab gerade gesehen das Deine Seite ja verschlüssselt ist, Du aber noch viele Bilder per http einbindest.. d.h. wird angezeigt das Deine Seite nicht sicher ist.

    und beim Dropdown Menü hast Du jetzt den grünen Rand von uns :)
    vielleicht willst Du den ja blau machen...
    einfach im Eigenen CSS im Style Edit die:
    > ul.dropdown-menu {
    border-bottom:1px solid #00ff00;
    border-left:1px solid #00ff00;
    border-right:1px solid #00ff00;

    00ff00 gegen 0000CD tauschen.. des ist glaube ich die Blau Deiner Schrift.

    und bissi weiter untem im CSS ist auch noch ein grüner (bei transition)...

    @Tasso jetzt viel besser so in blau... :)
     
  8. Tasso

    Tasso Mitglied

    Registriert seit:
    2. Januar 2017
    Beiträge:
    13
    Danke erhalten:
    1
    Danke vergeben:
    5
    Hi Anonymous,

    ich habe meine Seite nicht verschlüsselt, also kein SSL... Oder meinst du was anderes?

    Die Farben habe ich korrigiert, danke dir!

    Sag mal, kann man auch dieses Google Fensterchen ständig sichtbar sein lassen und nicht nur beim mit der Maus drüberfahren? Oder Alternativ, wie kriege ich ein paar Flaggen in der Position wie bei deiner Seite überm Logo welche sind?
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
    Stimmt ist garnicht verschlüsselt, dann wird das wohl vom Firefox so angezeigt!

    Ja die Flaggen habe ich selber gemacht.. mußte in /images/content/ ablegen.. hatte ich wohl vergessen zu erwähnen :)

    kannst natürlich auch selber was machen.. dann mußt Du noch den Pfad ändern in der google-translate.css Datei in Ordner templates\Honeygrid\usermod\css
     

    Anhänge:

  10. Tasso

    Tasso Mitglied

    Registriert seit:
    2. Januar 2017
    Beiträge:
    13
    Danke erhalten:
    1
    Danke vergeben:
    5
    Ich habe die Flaggen jetzt so zum testen übernommen, passt! Ich erstelle ein eigenes Bild dafür die Tage, irgendwas in Blau wohl :)

    Ich danke dir für alles Anonymous!
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
  12. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Alle Seiten die nicht SSL verschlüsselt sind werden seit kurzem als nicht sicher angezeigt.
    Google hat´s mal wieder durchgesetzt.
     
  13. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
    jaja so sin se :)
     
  14. Anonymous

    Anonymous Mitglied

    Registriert seit:
    12. Januar 2017
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    4
    Hallo,
    ist es möglich die andere Dropdowns Menü zu scrollbar machen?
     

    Anhänge:

  15. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
    #55 Anonymous, 15. Februar 2017
    Zuletzt bearbeitet: 15. Februar 2017
    ja... hatte Torben in Post 11 geschrieben...

    Einfach in eigenes CSS folgendes einfügen...
    Code:
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu {
        overflow-y: auto;
        max-height: $screen-xs-min;
    }
    Anstatt $screen-xs-min; kannst Du natürlich jeden beliebigen Wert einsetzen!

    Achso, gerade erst gesehen das DU nicht das Dropdown meinst.. müßte aber so ähnlich sein!

    Also vll so (für das Alle neben der Suche)..
    Code:
    .navbar-search-input-group .navbar-search-input-group-btn > ul.dropdown-menu {
        overflow-y: auto;
        max-height: $screen-xs-min;
    }
    
     
  16. Anonymous

    Anonymous Mitglied

    Registriert seit:
    12. Januar 2017
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    4
    Das Suchfeld funktioniert schon einwandfrei!
    Danke dafür! Du bist großartig!
    Könntest du das noch beim Hersteller für Kategorie Filter auch machen?
     

    Anhänge:

  17. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
    vll so!
    Code:
    div.btn-group.dropdown.custom-dropdown > ul.dropdown-menu {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: $screen-xs-min; 
    }
     
  18. Anonymous

    Anonymous Mitglied

    Registriert seit:
    12. Januar 2017
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    4
    Einfach genial!
    Danke!
     
  19. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    3. Dezember 2012
    Beiträge:
    229
    Danke erhalten:
    23
    Danke vergeben:
    27
  20. Anonymous

    Anonymous Mitglied

    Registriert seit:
    12. Januar 2017
    Beiträge:
    6
    Danke erhalten:
    0
    Danke vergeben:
    4
    Hallo BMS,

    anbei ein Screenshot von der Mobile Ansicht. Hättest du etwas, diese schöner, geordneter zu lösen?
    Wie kann man die -wie bei dir "UNSERE EMPFEHLUNGEN, NEUE ARTIKEL und ANGEBOTE"- Produkte laufend machen.
    Danke!
     

    Anhänge: