MODUL: Hersteller-Slider für die Startseite

[franky_n]

Hallo Zusammen,

für alle die es selbst zusammen bauen möchten hier mal die Zusammenfassung:

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['manufacturers_image'],
                                    'URL'   => xtc_href_link(FILENAME_DEFAULT, 'manufacturers_id='.$manufacturers['manufacturers_id']));
  }
  $smarty->assign('manufacturers_array', $manufacturers_array);
//EOF - Manufacturers Slider
 

Dann im Template in der /templates/xtc5/index.html oben das javascript einbauen:

Code: PHP  [Auswählen]

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

und an der Position wo der Slider erscheinen soll das:

Code: PHP  [Auswählen]

<div id="slider">
  <a class="prev browse left"></a>
  <div class="scrollable">
    <div class="items">
      <div>
        {foreach name=aussen item=manufacturer from=$manufacturers_array}
          {if $manufacturer.IMAGE}
            <a href="{$manufacturer.URL}">
              <img src="{$manufacturer.IMAGE}" alt="{$manufacturer.NAME}" />
            </a>
          {/if}
        {/foreach}
      </div>
    </div>
  </div>
  <a class="next browse right"></a>
</div>
 

In der /templates/xtc5/stylesheet.css das unten einfügen:

Code: CSS  [Auswählen]

#slider{width:980px;height:50px;border:0px;background:#ffffff;position:relative;margin-bottom:4px;}
.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 2px 0 5px;background:#fff padding:2px;border:1px solid #ccc;width:100px;height:40px;-moz-border-radius:4px;-webkit-border-radius:4px;}
a.browse{background:url(img/slider/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;}
 

Dann in der /templates/xtc5/javascript/general.js.php das:

Code: PHP  [Auswählen]

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

Und dann die angehangene Datei noch in den Ordner /templates/xtc5/javascript/ kopieren.

Dann sollte der Slider für die Hersteller funktionieren.

Viele Grüße

Franky

[koshiro]

Hallo Franky,
ich war auch gerade dabei es fertig zu machen, aber ein Fehler ist noch drin, durch die foreach schleife zeigt er nur die ersten Bilder an die am Anfang hin passen, wenn man dann auf den Slider drückt um weiter zu gehen kommen immer nur die gleichen Bilder obwohl ich mehr drin habe.
Gruß
Micha

Edit: Der teil hier kommt eigentlich in die general.js.php vor dem

Code: PHP  [Auswählen]

<?php// EOF - web28 - 2010-07-26 - TABS/ACCORDION in product_info ?>

das einfügen

Code: PHP  [Auswählen]

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

so hab ich es drin, oder ist das egal wo es drin ist?

[franky_n]

Hallo koshiro,

dann mal folgendes machen.
Das austauschen:

Code: PHP  [Auswählen]

        {foreach name=aussen item=manufacturer from=$manufacturers_array}
          {if $manufacturer.IMAGE}
            <a href="{$manufacturer.URL}">
              <img src="{$manufacturer.IMAGE}" alt="{$manufacturer.NAME}" />
            </a>
          {/if}
        {/foreach}

durch das:

Code: PHP  [Auswählen]

        {php}$counter = 1;{/php}
        {foreach name=aussen item=manufacturer from=$manufacturers_array}
          {if $manufacturer.IMAGE}
            <a href="{$manufacturer.URL}">
              <img src="{$manufacturer.IMAGE}" alt="{$manufacturer.NAME}" />
            </a>
          {/if}
          {php}
            if ($counter == 3) {
              $counter = 1;
              echo '</div><div>';
            }
            $counter++;
          {/php}
        {/foreach}

Dann sollte nach jedem 3ten Hersteller noch ein div erscheinen.

Die 3 im if kann man dann beliebig anpassen.

Viele Grüße

Franky

[koshiro]

Hallo Franky,
wenn ich das so einbaue zeigt er nur noch ein Bild an, und erst beim weiter sliden kommt wieder ein Bild usw.
Gruß
Micha

[franky_n]

Hallo koshiro,

wie immer meine Frage:  
Quelltext?

Viele Grüße

Franky

[Tomcraft]

Franky chattet wieder im Forum...

Grüße

Torsten

[koshiro]

Hallo Franky,
hier der auszug vom Quelltext.

Code: PHP  [Auswählen]

<div id="slider">
    <a class="prev browse left"></a>
      <div class="scrollable">
        <div class="items">

                <div>
                   <a href="http://localhost/esv/index.php?manufacturers_id=1">
      <img src="manufacturers/axami_logo.jpg" alt="Axami" />
    </a>
          <a href="http://localhost/esv/index.php?manufacturers_id=3">
      <img src="manufacturers/passionata.jpg" alt="Ballerina" />
    </a>
    </div><div>          <a href="http://localhost/esv/index.php?manufacturers_id=4">

      <img src="manufacturers/chilirose.jpg" alt="Chilirose" />
    </a>
    </div><div>        </div><div>        </div><div>      <a href="http://localhost/esv/index.php?manufacturers_id=7">
      <img src="manufacturers/Gracya.jpg" alt="Gracya" />
    </a>
        </div><div>      <a href="http://localhost/esv/index.php?manufacturers_id=9">
      <img src="manufacturers/logo-Konrad.jpg" alt="Konrad" />

    </a>
        </div><div>      <a href="http://localhost/esv/index.php?manufacturers_id=19">
      <img src="manufacturers/livco_corsetti_fashion.jpg" alt="LivCo Corsetti Fashion" />
    </a>
        </div><div>          <a href="http://localhost/esv/index.php?manufacturers_id=14">
      <img src="manufacturers/obsessive-logo.jpg" alt="Obsessive" />
    </a>
    </div><div>        </div><div>      <a href="http://localhost/esv/index.php?manufacturers_id=25">

      <img src="manufacturers/Roza.jpg" alt="Roza" />
    </a>
        </div><div>      <a href="http://localhost/esv/index.php?manufacturers_id=18">
      <img src="manufacturers/wolbar.jpg" alt="Wol-Bar" />
    </a>
                 </div>
        </div>
      </div>
    <a class="next browse right"></a>

  </div>
 

Gruß
Micha

[franky_n]

Hallo Tomcraft,

wie soll ich sonst die Informationen bekommen die wichtig sind?
Entweder man schreibt mir alle Infos oder aber nicht, dann muß ich irgendwie nachfragen...

Sag Du mir eine andere Lösung außer anrufen!

Viele Grüße

Franky

[Tomcraft]

Ach quatsch... lass dich nicht ärgern, ich finde deine Ausdauer nur beachtenswert!

Grüße

Torsten

[franky_n]

Hallo koshiro,

mach mal so:

Code: PHP  [Auswählen]

{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}
 

Viele Grüße

Franky

[franky_n]

Hi Tomcraft,

Du weißt warum ich den    benutzt habe oder?

Seelenverwandschaft!

Viele Grüße

Franky

[koshiro]

Hallo Franky,
ja so Funktioniert es, ich habe es nur bei mir hier if ($counter == 3) nur auf 8 gestellt. Danke Dir.
Gruß
Micha

[franky_n]

Hallo koshiro,

na dann habe ich ja schon mal die Vorlage für die Zusammenfassung geliefert.
Jetzt mach ich die nicht mehr, mach Du die mal fertig!

Viele Grüße

Franky

[koshiro]

Hallo Franky,
ja mach ich fertig. Muss ich noch was beachten wegen https, weil wenn ich mich einlogge ist ja alles verschlüsselt, und dann werden die Logos untereinander angezeigt, refreshe ich die Seite ist wieder alles normal.
Gruß
Micha

[franky_n]

Hallo koshiro,

nö wüsste ich jetzt so nicht.
Wir geben beim Quellcode ja keine http oder https an...  

Viele Grüße

Franky