Ankündigung

Einklappen
Keine Ankündigung bisher.

HTML Slider in LOGO Bereich einbauen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    HTML Slider in LOGO Bereich einbauen

    Hallo,
    möchte genau in der unten genannten section von includes/templates/responsive_classic/common/tpl_header.php zwei HTML5 photo- slider einbauen - nebeneinander, krieg das aber einfach nicht hin. Einbauen geht, aber HTML5 slider wird nur als unsichtbarer Platzhalter angezeigt und nicht abgespielt.
    Flash Slider bereits dort eingebaut- wird auch richtig abgespielt, geht aber auch nur untereinander - irgendwie spielt da immer das stylesheet.css rein.

    Zusammenfassend: 2 HTML Slider NEBENEINANDER im Logobereich, die auch abgespielt werden. Kann mir da jemand helfen?

    Besten Dank im Voraus

    Info: Zencart Neuinstallation 1.5.5e - neueste Version_de
    PHP 5.6.x


    Code:
    <!--bof branding display-->
    <div id="logoWrapper" class="group onerow-fluid">
        <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
    <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
        <div id="taglineWrapper">
    <?php
      if (HEADER_SALES_TEXT != '') {
    ?>
          <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
    <?php
      }
    ?>
    <?php
      if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
        if ($banner->RecordCount() > 0) {
    ?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
    <?php
        }
      }
    ?>
      </div>
    <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
      </div>
    </div>
    
    <!--eof branding display-->

    #2
    Ohne genau zu sehen was wo genau eingefuegt wurde, kann man dazu wenig Sinnvolles sagen.
    Generell ist der Logobereich nicht unbedingt sinnvoll fuer eine Slideshow, das Logo wird ja auch am Mobile verwendet. Fuer eine Slideshow waere z.B. die ZX Slieshow aus dem Downloadbereich geeignet, die den Slider responsiv darstellt.
    Wenn Elemente in den Logobereich eingefuegt werden sollen, dann muessen eben auch die entsprehenden Definitionen im Stylesheet darauf angepasst werden, da die fuer diese Bereiche ja ganz andere Breiten vorsehen.

    Kommentar


      #3
      Mein Problem ist, dass unser neues Logo rund ist (Kugel), die liegt dann auf einem Computer Monitor fast ganz links herum und der komplette übrige Bereich rechts bleibt weiß. Ich habe auf einer deiner Seiten mit responsivem Design schon gesehen, dass du da Zahlungsinformationen in Form einer GIF auf der rechten Seite positioniert hast, oder sogar 2 nebeneinander um den übrigen weißen Logobereich aufzufüllen. Das würde mir auch schon reichen.

      Ich komme aber mit dem Stylesheet nicht zurecht, da kenne ich mich einfach zu wenig aus.
      Meine Fragen wären:
      Wie kann ich das Sylesheet ändern, dass...
      ...ein möglicher Header Banner nicht unterhalb des Logos angezeigt wird, sondern rechts neben dem Logo- dann könnte ich das auch über den bereits integrierten header Banner lösen.
      ... ich dort ein GIF, oder was auch immer neben dem LOGO platzieren kann.

      Wäre dir für eine Hilfe sehr dankbar!

      Kommentar


        #4
        Wenn Du das Layout irgendeiner Website selbst ändern willst, geht das ohne Grundkenntnisse in HTML und CSS nicht.
        Es gibt dazu viele gute Seiten, z.B. http://www.ohne-css.gehts-gar.net/
        Dort unter anderem CSS Einsteigerkurs

        Wenn Du im responsive_classic neben dem Logo eine Grafik anzeigen willst, dann fügst Du den Aufruf des Bildes im tpl_header.php z.B. so ein
        Code:
        <div id="meingif"><img src="images/meingif.gif" title="meingif" alt="meingif"/></div>
        Im Stylesheet kannst Du dann den Container meingif mit position:absolute pixelgenau so positionieren wie Du willst.

        Wenn solche Bereiche eingefügt werden, dann ist oft gewünscht, dass sie nur am Desktop oder Tablet angezeigt werden und nicht auf dem Smartphone, dazu kann der Aufruf mit einer entsprechenden Bedingung umschlossen werden, z.B

        Code:
        <?php if ( $detect->isMobile() && !$detect->isTablet() || $_SESSION['layoutType'] == 'mobile' ) { ?>
        <div></div>
        <?php } else { ?>
        <div id="meingif"><img src="images/meingif.gif" title="meingif" alt="meingif"/></div>
        <?php }?>
        Viel Erfolg
        Zuletzt geändert von webchills; 06.01.2018, 13:20.

        Kommentar

        Info zu diesem Forenarchiv:
        Mit Release von 1.5.7 wurde die deutsche Zen Cart Version auf eine reine DIY-Lösung umgestellt.
        Für einen Support via Forum stehen keine personellen und zeitlichen Ressourcen mehr zur Verfügung.
        Dieses Supportforum bleibt im Nur-Lesen-Modus als Wissensarchiv noch online verfügbar.
        PM Funktionalität, Registrierung und Posten neuer Beiträge sind deaktiviert.
        Zugriff auf Anhänge in den Postings ist auch ohne Registrierung/Einloggen möglich.
        FAQ und Downloadbereich des Forums wurden in die neue umfangreiche Knowledgebase auf der zen-cart-pro.at Website übernommen.

        Das Development der deutschen Zen Cart Version geht wie bisher auf Github weiter.
        Wir werden auch weiterhin neue Versionen bereitstellen und die Onlinedokumentation/Knowledgebase aktualisieren.
        Fehler in der Software können auf Github als Issues gemeldet werden.
        Follow us
        aktuelle version
        Zen Cart 1.5.7g deutsch
        vom 12.12.2023
        [Download]
        Lädt...
        X