Ergebnis 1 bis 4 von 4

Thema: HTML Slider in LOGO Bereich einbauen

  1. #1
    Padawan Anwärter Avatar von harryg
    Registriert seit
    14.06.2012
    Beiträge
    15
    Themen
    9
    DANKE
    1
    Erhaltene Danke: 0

    Standard 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. #2
    Jedi-Ritter Avatar von webchills
    Registriert seit
    30.10.2004
    Ort
    Österreich
    Beiträge
    6.544
    Themen
    88
    DANKE
    3
    Erhaltene Danke: 1.111

    Standard

    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.
    !!! kostenloser Support ausschließlich im Forum - Nicht per Email, nicht per Telefon und nicht per PM !!!

  3. #3
    Padawan Anwärter Avatar von harryg
    Registriert seit
    14.06.2012
    Beiträge
    15
    Themen
    9
    DANKE
    1
    Erhaltene Danke: 0
    Erstellt von

    Standard

    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!

  4. #4
    Jedi-Ritter Avatar von webchills
    Registriert seit
    30.10.2004
    Ort
    Österreich
    Beiträge
    6.544
    Themen
    88
    DANKE
    3
    Erhaltene Danke: 1.111

    Standard

    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
    Geändert von webchills (06.01.2018 um 13:20 Uhr)
    !!! kostenloser Support ausschließlich im Forum - Nicht per Email, nicht per Telefon und nicht per PM !!!

Ähnliche Themen

  1. (Zen-Cart 1.5.5) Zen Cart Shop in in HTML einbauen
    Von MeineNatur im Forum Generelle Fragen
    Antworten: 2
    Letzter Beitrag: 12.09.2017, 16:06
  2. Logo in html Email ändern!!!
    Von Lissy73 im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 10
    Letzter Beitrag: 01.06.2008, 11:52
  3. Zen cart Logo im Admin bereich wieder einfügen
    Von Nina im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 5
    Letzter Beitrag: 22.11.2007, 17:59
  4. html-header einbauen
    Von melaniew im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 1
    Letzter Beitrag: 01.11.2007, 14:59
  5. Eigenes Logo in die rechnung einbauen???
    Von TripleX im Forum Archivierte Beiträge Zen-Cart Support
    Antworten: 7
    Letzter Beitrag: 07.02.2006, 10:09

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  
zen-cart-pro.at
Zen Cart ist eine kostenlose unter der GPL-Lizenz veröffentlichte Open-Source Shopsoftware. Das System wird in den USA entwickelt, die amerikanische Website dazu ist www.zen-cart.com

Die deutsche Zen-Cart Version, um die es hier auf zen-cart-pro.at geht, ist eine Anpassung der amerikanischen Version an die Bedürfnisse von Onlineshopbetreibern im deutschsprachigen Raum.
Die amerikanische Zen-Cart Version berücksichtigt viele rechtliche Erfordernisse nicht, denen ein Onlineshop im deutschsprachigen Raum unterworfen ist. Daher wurde die deutsche Zen-Cart Version auf die Anforderungen, die an Onlineshops in Deutschland, Österreich und der Schweiz gestellt werden, angepasst.

Die deutsche Zen-Cart Version bietet außerdem einen multilingualen Adminbereich. Dadurch sind auch die in der Datenbank hinterlegten Konfigurationseinstellungen und -beschreibungen auf deutsch. Diese Funktionalität steht natürlich auch für später installierte Erweiterungen zur Verfügung. Die im Downloadbereich von zen-cart-pro.at angebotenen Module berücksichtigen diese Multilanguagefähigkeit und sind alle für die deutsche Zen-Cart Version ausgelegt. Zahlreiche häufig genutzte Erweiterungen sind bereits vorinstalliert.

Die deutsche Zen Cart Version wird von einem Team von Entwicklern in Österreich und Deutschland betreut, weiterentwickelt und supportet und steht kostenlos in unserem Downloadbereich zur Verfügung.

[mehr]
Follow Us
  • zen-cart-pro-at auf Twitter
  • zen-cart-pro-at auf Github
  • zen-cart-pro-at auf SourceForge
Aktuelle Version
Zen Cart 1.5.5f deutsch
Revision 1240 vom 01.07.2018
[Download]

unterstützen
Unterstütze die Weiterentwicklung der deutschen Zen Cart Version mit einer Spende!

Spende für die Weiterentwicklung der deutschen Zen Cart Version