Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: MODUL: Hersteller-Slider für die Startseite

    koshiro

    • Fördermitglied
    • Beiträge: 2.297
    MODUL: Hersteller-Slider für die Startseite
    Antwort #60 am: 28. November 2010, 21:57:45
    Okay weis ich Bescheid, dann mache ich mal noch das Gesamtpaket fertig.
    Gruß
    Micha

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    MODUL: Hersteller-Slider für die Startseite
    Antwort #61 am: 28. November 2010, 23:09:49
    Hi Tomcraft,

    Du weißt warum ich den  :D  benutzt habe oder?

    Seelenverwandschaft! ;)

    Viele Grüße

    Franky

    Ja, das weiss ich. ;-)

    Bei Micha habe ich auch immer das gute Gefühl, dass siech jede Sekunde gelohnt hat, weil er hier wirklich Wissen aufsaugt wie ein Schwamm und auch gerne hilft, wo er nur kann. ;-)

    Aber, dass du mich immer noch Tomcraft nennst nehme ich dir langsam übel! :-PP

    Grüße

    Torsten

    koshiro

    • Fördermitglied
    • Beiträge: 2.297
    MODUL: Hersteller-Slider für die Startseite
    Antwort #62 am: 29. November 2010, 07:30:32
    Hallo,
    so hier nochmal alles zusammen.

    In der "/templates/<template-name>/index.html" an gewünschter Stelle das einfügen.

    Code: PHP  [Auswählen]
      <div id="slider">
        <a class="prev browse left"></a>
          <div class="scrollable">
            <div class="items">
              <div>
                {php}$counter = 0;{/php}
                {foreach name=aussen item=manufacturer from=$manufacturers_array}
                  {if $manufacturer.IMAGE}
                    <a href="{$manufacturer.URL}">
                      <img src="{$manufacturer.IMAGE}" alt="{$manufacturer.NAME}" />
                    </a>
                    {php}
                      $counter++;
                      if ($counter == 3) {
                        echo '</div><div>';
                        $counter = 0;
                      }
                    {/php}
                  {/if}
                {/foreach}
              </div>
            </div>
          </div>
        <a class="next browse right"></a>
      </div>

    In der "/templates/<template-name>/stylesheet.css" am Ende das einfügen:

    Code: CSS  [Auswählen]
    #slider{width:980px;height:50px;border:0px;background:#ffffff;position:relative;margin-bottom:2px;}
    .scrollable{position:relative;overflow:hidden;width:880px;height:50px;float:left;}
    .scrollable .items{width:20000em;position:absolute;clear:both;}
    .items div{float:left;width:880px;}
    .scrollable img{float:left;margin:5px 3px 0 5px;background:#fff;padding:2px;border:1px solid #ccc;width:100px;height:40px;}
    a.browse{background:url(img/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:10px 10px;}
    a.right{background-position:0 -30px;clear:right;margin-right:0px;}
    a.right:hover{background-position:-30px -30px;}
    a.right:active{background-position:-60px -30px;}
    a.left{margin-left:10px;}
    a.left:hover{background-position:-30px 0;}
    a.left:active{background-position:-60px 0;}

    In der "/templates/<template-name>/javascript/general.js.php" nach dem

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>

    das hier einfügen:

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.tools.min.js" type="text/javascript"></script>

    und in der selben Datei am Ende vor dem:

    Code: PHP  [Auswählen]
    <?php// BOF - web28 - 2010-07-26 - TABS/ACCORDION in product_info ?>

    das noch einfügen:

    Code: PHP  [Auswählen]
    <script type="text/javascript">
      var $j = jQuery.noConflict();
      $j(function() {
        $j(".scrollable").scrollable({ speed: 2000, circular: true });
      });
    </script>

    In der "/includes/header.php" vor dem ?> das rein:

    Code: PHP  [Auswählen]
    //BOF - Manufacturers Slider
      $manufacturers_array = '';
      $manufacturers_query = "select distinct m.manufacturers_id, m.manufacturers_name, m.manufacturers_image from ".TABLE_MANUFACTURERS." as m, ".TABLE_PRODUCTS." as p where m.manufacturers_id=p.manufacturers_id order by m.manufacturers_name";
      $manufacturers_query = xtDBquery($manufacturers_query);
      while ($manufacturers = xtc_db_fetch_array($manufacturers_query, true)) {
        $manufacturers_array[] = array ('ID'    => $manufacturers['manufacturers_id'],
                                        'NAME'  => $manufacturers['manufacturers_name'],
                                        'IMAGE' => DIR_WS_IMAGES . $manufacturers['manufacturers_image'],
                                        'URL'   => xtc_href_link(FILENAME_DEFAULT, 'manufacturers_id='.$manufacturers['manufacturers_id']));
      }
      $smarty->assign('manufacturers_array', $manufacturers_array);
    //EOF - Manufacturers Slider

    Und dann die angehängte Datei noch in den Ordner "/templates/<dein-template>/javascript/" kopieren.

    Und die Links/Rechts Button in den "/templates/<dein-template>/img/" Ordner kopieren.

    Anmerkung:

    Code: PHP  [Auswählen]
    if ($counter == 3) {

    ist die Anzahl der beim Aufruf angezeigten Hersteller und kann je nach Bedarf verändert werden.

    So sieht es aus:

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Gruß
    Micha

      [ Für Gäste sind keine Dateianhänge sichtbar ]

    Alternative Buttons von Ofendo:

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    [EDIT franky_n 14.01.2011: Kleiner Fehler in Anleitung verbessert.]
    [EDIT Tomcraft 08.02.2011: Screenshot eingefügt, Danke an koshiro.]
    [EDIT Tomcraft 22.03.2011: Alternative Buttons von Ofendo eingefügt.]
    [EDIT Tomcraft 08.01.2012: Fehler im Code korrigiert, Danke an Traumkunst für den Hinweis.]

    franky_n

    • Experte
    • Beiträge: 4.950
    MODUL: Hersteller-Slider für die Startseite
    Antwort #63 am: 29. November 2010, 08:14:38
    Hallo Micha,

     :thx: für die Anleitung!

    Viele Grüße

    Franky

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    MODUL: Hersteller-Slider für die Startseite
    Antwort #64 am: 29. November 2010, 10:08:50
    Ihr seid spitze, Danke! :thx:

    Grüße

    Torsten

    Tatifa76

    • Frisch an Board
    • Beiträge: 96
    MODUL: Hersteller-Slider für die Startseite
    Antwort #65 am: 01. Dezember 2010, 14:24:53
    Hallo Zusammen!

    Ich habe das jetzt auch mal versucht einzubauen. Die Anleitung sah so leicht verständlich aus, da konnte ich nicht widerstehen ;-)

    Bei mir scheitert es bei dem Eintrag in der "general.js.php"

    [...]
    In der "/templates/<template-name>/javascript/general.js.php" nach dem

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>

    das hier einfügen:

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.tools.min.js" type="text/javascript"></script>

    und in der selben Datei am Ende vor dem:

    Code: PHP  [Auswählen]
    <?php// EOF - web28 - 2010-07-26 - TABS/ACCORDION in product_info ?>

    das noch einfügen:

    Code: PHP  [Auswählen]
    <script type="text/javascript">
      var $j = jQuery.noConflict();
      $j(function() {
        $j(".scrollable").scrollable({ speed: 2000, circular: true });
      });
    </script>
    [...]

    Der erste Teil ist drin, aber wo kann ich den 2. Teil einfügen?
    Die Zeile:

    Code: PHP  [Auswählen]
    <?php// EOF - web28 - 2010-07-26 - TABS/ACCORDION in product_info ?>

    hab ich nicht. :-(

    Setze ich das weiter unten, läuft mein "Products-Treadmill" nicht mehr, zeigt mir dann auf einmal alle Bilder aufeinmal an und alles verschiebt sich. Setz ich das irgendwo weiter oben, geht das eine, aber meine Bestsellerbox, die auch slidet, zeigt alle Bilder aufeinmal an.

    Oder ist das zu viel "Slideshow" für eine Seite? Wenn ich jetzt den Cache lösche und die Seite neu lade, lahmt das dann unheimlich. Liegt aber vermutlich daran, dass es noch nicht richtig installiert ist, oder? Vorher ging die Seite eigentlich ganz gut.

    Hier mal meine "general.js.php":

    Code: PHP  [Auswählen]
    <?php
    /* -----------------------------------------------------------------------------------------
       $Id: general.js.php 1262 2005-09-30 10:00:32Z mz $

       XT-Commerce - community made shopping
       http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))

       Copyright (c) 2003 XT-Commerce
       -----------------------------------------------------------------------------------------
       Released under the GNU General Public License
       ---------------------------------------------------------------------------------------*/


       // this javascriptfile get includes at the BOTTOM of every template page in shop
       // you can add your template specific js scripts here
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.cycle.all.js" type="text/javascript"></script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.easing.1.3.js" type="text/javascript"></script>
    <script type="text/javascript"><!--
            $(function() {
              $('#bestseller').cycle({
                fx:     'turnDown',
                delay:  -6000
              });
            });
            --></script>

    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-sliding-tabs.js" type="text/javascript"></script>

    <script type="text/javascript">
                $(function() {
                    $('#tabs').tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 5000);
                 });
            </script>      

    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.tools.min.js" type="text/javascript"></script>
    <!-- Necessary JS for the intelligent searchbox -->
    <?php
    if(!strstr($PHP_SELF, 'popup'))
    {
      $intelliSearchXajax->printJavascript("templates/".CURRENT_TEMPLATE."/javascript/xajax");
    }
    ?>
    <!-- Imageslider (c)2008 by Hetfield - www.MerZ-IT-SerVice.de - Begin -->
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.innerfade.js" type="text/javascript"></script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/imageslider.js" type="text/javascript"></script>
    <!-- Imageslider (c)2008 by Hetfield - www.MerZ-IT-SerVice.de - End -->
            <!-- Products-Treadmill (c)2008 by Hetfield - www.MerZ-IT-SerVice.de - Begin -->
            <link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/treadmill.css" type="text/css" media="screen" />
            <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.easing.1.3.js" type="text/javascript"></script>
            <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jcarousellite_1.0.1.pack.js" type="text/javascript"></script>
            <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/products_treadmill.js" type="text/javascript"></script>
            <?php
                    if (SHOW_PRODUCTS_TREADMILL_POSITION == 'box') {
                            require(DIR_WS_MODULES . FILENAME_PRODUCTS_TREADMILL);
                    }
            ?>
            <!-- Products-Treadmill (c)2008 by Hetfield - www.MerZ-IT-SerVice.de - End -->

    <style type="text/css" media="screen">
    body { behavior:url("templates/xtc5/javascript/csshover3.htc"); }
    #TopCats ul { display: none; }
    #TopCats li:hover ul { z-index: 10; display: block; }
    </style>
    <script type="text/javascript"> var eKomiVFProt = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cscript src=\'" + eKomiVFProt + "vf-js.ekomi.de/vf-0505-621b263165f20b3d6eee65b758ddb33c.js\' type=\'text/javascript\'%3E%3C/script%3E"));</script>  

    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/auto_compl_off.js" type="text/javascript"></script>

    <script type="text/javascript" src="stfmenu.js"></script>

    Wäre lieb, wenn mal einer rüberschauen könnte, Ihr findet ja immer viel leichter, wo der Hund begraben liegt.

    Danke euch!!

    Tatifa

    franky_n

    • Experte
    • Beiträge: 4.950
    MODUL: Hersteller-Slider für die Startseite
    Antwort #66 am: 01. Dezember 2010, 15:32:21
    Hallo Tatifa,

    schau einfach mal in die Originaldatei vom general.js.php dann wirst Du sehen, dass es normalerweise ganz unten steht.
    Du hast es wahrscheinlich beim Umbau irgendwann gelöscht.
    Mach mal die Zeile ganz ans Ende.

    Wenn's dann nicht klappt funkt Dir ein anderes Javascript dazwischen...

    Viele Grüße

    Franky

    Tatifa76

    • Frisch an Board
    • Beiträge: 96
    MODUL: Hersteller-Slider für die Startseite
    Antwort #67 am: 01. Dezember 2010, 16:08:32
    Hallo Franky,

    danke für Deine Antwort. Ich habe noch die 1.04-Version - die besagte Zeile gibt es erst in der 1.05, habe mal ebend verglichen. Hab mich schon erschrocken, dachte hab was "kaputt" gemacht. Und ich füge ja ungern einfach so was ein, sondern gehe da schon akribisch nach Anleitung. Aber was ich nicht hab, hab ich nunmal nicht. :-(

    Jetzt habe ich mir den Code-Schnipsel ganz unten angehängt, funktioniert leider nicht. Dann geht "Products-Treadmill" leider nicht mehr. Ich hab es schon an verschiedenen Positionen versucht, aber immer geht was anderes dann nicht.

    Hat noch einer eine Idee, wo es passend könnte anhand der o.g. "general.js.php"? Vielleicht müsste die ja mal generell anders sortiert werden. Ist ja ganz schön rummelig. Aber wie gesagt, ich füge immer nach Anleitung was ein. Aber gross ändern tue ich da ja nicht auf eigene Faust.

    Tatifa

    franky_n

    • Experte
    • Beiträge: 4.950
    MODUL: Hersteller-Slider für die Startseite
    Antwort #68 am: 01. Dezember 2010, 16:24:48
    Hallo Tatifa76,

    na was ich auf anhieb sehe ist z.B., dass Du zwar alle javascript Sachen dort akribisch eingebaut hast aber dort schon 2 mal die gleichen Javascripts geladen werden.

    Einmal in Z18.:

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.easing.1.3.js" type="text/javascript"></script>

    einmal in Z.51 wo es dann eigentlich nicht nochmal geladen werden muss...

    Du könntest auch mal probieren ob die Zeile:

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.tools.min.js" type="text/javascript"></script>

    bei Dir überhaupt nötig ist, denn es könnte auch gut sein das bereits ein anderes Javascript Einbaumodul das bereits nutzt...

    PS: Mach Dir einfach vorher eine Sicherheitskopie der "general.js.php" ...

    Viele Grüße

    Franky

    Tatifa76

    • Frisch an Board
    • Beiträge: 96
    MODUL: Hersteller-Slider für die Startseite
    Antwort #69 am: 02. Dezember 2010, 19:09:02
    Hallo!

    Also die doppelte Zeile habe ich mal vorsichtig entfernt. Läuft scheinbar soweit auch alles ohne den Eintrag in Zeile 51. Danke für den Hinweis.

    Um zu schauen, ob der Hersteller-Slider ohne den zusätzlichen Eintrag läuft, müßte ich ja irgendwie den zweiten Teil eingebaut kriegen, ohne alles andere abzuschießen. Habe bislang aber leider nicht die passende Position gefunden. Also ganz unten funktioniert nicht, dann gehen die anderen Slider nicht mehr (Products-Treadmill+Bestseller-Box als Slider).

    Wenn mir da vielleicht noch jemand behilflich sein könnte? Bislang sieht es so aus, das ich die Herstellerleiste oben angezeigt bekomme, allerdings ohne Bilder und es slidet nichts. Aber wie gesagt, ich hab den Code noch immer nicht richtig eingebaut bekommen, also wieder rausgenommen.

    Wäre schön, wenn sich das noch einer in der obigen generel.js.php anschauen könnte. Danke!

    LG
    Tatifa

    franky_n

    • Experte
    • Beiträge: 4.950
    MODUL: Hersteller-Slider für die Startseite
    Antwort #70 am: 02. Dezember 2010, 21:35:22
    Hallo Tatifa76,

    und das:

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.tools.min.js" type="text/javascript"></script>

    hast Du auch mal nur rausgenommen und den anderen Skripttext:

    Code: PHP  [Auswählen]
    <script type="text/javascript">
      var $j = jQuery.noConflict();
      $j(function() {
        $j(".scrollable").scrollable({ speed: 2000, circular: true });
      });
    </script>

    rein gemacht?
    Das hat auch nicht geklappt?

    Viele Grüße

    Franky

    Tatifa76

    • Frisch an Board
    • Beiträge: 96
    MODUL: Hersteller-Slider für die Startseite
    Antwort #71 am: 02. Dezember 2010, 22:15:22
    Hallo Franky,

    ja habe ich auch schon versucht. Habe es nach ganz unten gesetzt wie empfohlen und auch an anderen Stellen versucht. Kriege ich leider nicht zum laufen.

    Gruss

    Tatifa

    Leif

    • Neu im Forum
    • Beiträge: 2
    MODUL: Hersteller-Slider für die Startseite
    Antwort #72 am: 18. Dezember 2010, 00:41:44
    Hallo in die Runde, mein erster Post. :-)

    Find ich ganz Klasse und es funktioniert auch, jedoch nur wenn ich es in die /templates/xtc5/index.html einbaue. Jedoch ist es dann doch immer zu sehen, nicht nur auf der Startseite.
    Wenn ich denselben Quellcode in die "main_content.html" eingebe, kommt ein leeres Ergebnis.

    Hoffe auf eure Hilfe, wo genau der Quellcode rein muß, das er innerhalb des <div id="content"> auf der Startseite funktioniert.

    Modulfux

    • Experte
    • Beiträge: 3.590
    • Geschlecht:
    MODUL: Hersteller-Slider für die Startseite
    Antwort #73 am: 18. Dezember 2010, 01:02:15
    Hallo Leif,

    wenn du möchtest, dass der Slider nur auf der Startseite angezeigt wird, dann schreibe folgendes in die "index.html" von deinem Template.

    Code: PHP  [Auswählen]
    {php}
    global $category_depth;
    if($category_depth == 'top') { {/php}
    ... nun kommt dein Slider ...
    {php} } {/php}

    So löse ich die Sachen, die nur auf der Startseite zu sehen sein sollen.

    Gruß
    Ronny

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    MODUL: Hersteller-Slider für die Startseite
    Antwort #74 am: 18. Dezember 2010, 01:04:24
    Das Geht auch ohne PHP, nur mit Smarty. ;-)

    Code: PHP  [Auswählen]
        {if strstr($smarty.server.PHP_SELF, 'index')}
            {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
                 [...]
           {/if}
        {/if}

    Grüße

    Torsten