MODUL: MITS ProductsTreadmill für modified eCommerce Shopsoftware by Hetfield

[Tigerzivi]

OK, ich habe es jetzt - nach stundenlanger Suche - zufällig selbst herausgefunden.
Die Breite des Div ergibt sich aus der Breite der "div#products_treadmill ul li" in der treadmill.css multipliziert mit der Anzahl der darzustellenden Objekte (products_treadmill.js Zeile 4> visible: 3

Im Standardfall ist das 3*175px = 525px

Gruß Jan

[franky_n]

Hallo tigerzivi,

trotzdem danke, dass Du Deine Lösung mit uns teilst!

Viele Grüße

Franky

[Tigerzivi]

Hey Franky,

reiner Eigennutz: ich weiß genau, dass ich in 2 Wochen nicht mehr weiß, wie es ging

Spaß beiseite: Ich ärgere mich oft genug darüber, dass in anderen Foren gelöste Probleme mit "Ich habs rausgefunden! Bitte Thema schließen. Danke." kommentiert werden.
Das hilft niemandem und so möchte ich auf diese Weise meinen Teil beitragen die welt ein wenig besser zu machen

Jan

[voodoopupp]

wie kann ich es eigentlich bewerkstelligen, dass die Bilder immer gleich groß erscheinen? Also sie sollen halt alle in nem Kasten von 120 x 120 erscheinen, auch wenn die Bilder teilweise nur z.B. 120 x 80 groß ist.

wie kann ich das bewerkstelligen?

Grüße
Voodoo

PS: Im Anhang mal ein Beispiel, soll halt dann so aussehen, dass alle Titel immer auf der gleichen Höhe liegen....

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

[Tomcraft]

Wichtiger als die Bildgröße ist doch eigentlich, dass der Produktname in einheitlichem Abstand steht.

Hast du mal einen Link zum Shop, dann schaue ich mal.

Alternativ kannst du einfach den entsprechenden Code posten, dann kann ich dir das anpassen.

Grüße

Torsten

[voodoopupp]

Hi Torsten,

du kannst gerne mal im Testshop reinschauen: http://www.artificial-shop.de/

notfalls ein paarmal laden, falls zufällig eh alle angezeigten Artikel gleich groß sind  

Danke
Voodoo

[Tomcraft]

Lege um das Bild einfach noch ein SPAN mit fester Höhe rum.

Oder poste mal deinen Code von der Treadmill.

Grüße

Torsten

[voodoopupp]

threadmill.css:

Code: CSS  [Auswählen]

/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - www.MerZ-IT-SerVice.de - Begin  */
h2.products_treadmill_head { text-align:center; border:0px solid #666666; color:#fff; background:#999 url(../img/bg_boxheader.gif) center repeat-x; font-size:1.1em; text-align:center; margin:15px auto 0px auto; width:724px; height:20px; }
div#products_treadmill { width:724px; text-align:center; margin:0 auto; border:0px solid #666666; text-align:center; background:#ffffff; margin-bottom:5px; }
div#products_treadmill ul { width:724px; text-align:center; margin:0 auto; }
div#products_treadmill ul li { width:173px; float:left; text-align:center; height:180px; padding:0px 2px 10px 2px; list-style:none; }
div#products_treadmill a.textlink:link { text-decoration:none; font-weight:bold; font-size:0.9em; color:#666666; }
div#products_treadmill a.textlink:visited { text-decoration:none; font-weight:bold; font-size:0.9em; color:#666666; }
div#products_treadmill a.textlink:hover { text-decoration:none; font-weight:bold; font-size:0.9em; color:#87b62c; }
div#products_treadmill a.textlink:active { text-decoration:none; font-weight:bold; font-size:0.9em; color:#87b62c; }
div#products_treadmill a.textlink:focus { text-decoration:none; font-weight:bold; font-size:0.9em; color:#893769; }
div#products_treadmill img { display:block; margin:8px auto; border:0px solid #666666; }
/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - www.MerZ-IT-SerVice.de - End  */
 

html products_treadmill.html

Code: PHP  [Auswählen]

<!-- BOF: Products-Treadmill v1.5 (c)2008 by Hetfield - http://www.MerZ-IT-SerVice.de -->
{config_load file="$language/lang_$language.conf" section="products_treadmill"}
<div id="products_treadmill">
<ul>
{foreach name=aussen item=treadmill_data from=$treadmill_content}
    <li>
        {if $treadmill_data.PRODUCTS_IMAGE}<a href="{$treadmill_data.PRODUCTS_LINK}" title="{$treadmill_data.PRODUCTS_NAME}"><img src="{$treadmill_data.PRODUCTS_IMAGE}" alt="{$treadmill_data.PRODUCTS_NAME}" /></a>{else}<a href="{$treadmill_data.PRODUCTS_LINK}" title="{$treadmill_data.PRODUCTS_NAME}"><img src="{$tpl_path}img/{$language}/no_image.gif" alt="{$treadmill_data.PRODUCTS_NAME}" /></a>{/if}
        <a href="{$treadmill_data.PRODUCTS_LINK}" class="textlink">{$treadmill_data.PRODUCTS_NAME}</a>
    </li>
{/foreach}
</ul>
</div>
<!-- EOF: Products-Treadmill v1.5 (c)2008 by Hetfield - http://www.MerZ-IT-SerVice.de -->
 

[Tomcraft]

Versuch es mal so:

Code: PHP  [Auswählen]

<!-- BOF: Products-Treadmill v1.5 (c)2008 by Hetfield - <a target="_blank" href="http://www.MerZ-IT-SerVice.de" rel="nofollow">http://www.MerZ-IT-SerVice.de</a> -->
{config_load file="$language/lang_$language.conf" section="products_treadmill"}
<div id="products_treadmill">
<ul>
{foreach name=aussen item=treadmill_data from=$treadmill_content}
    <li>
        <span style="height:130px;">
        {if $treadmill_data.PRODUCTS_IMAGE}<a href="{$treadmill_data.PRODUCTS_LINK}" title="{$treadmill_data.PRODUCTS_NAME}"><img src="{$treadmill_data.PRODUCTS_IMAGE}" alt="{$treadmill_data.PRODUCTS_NAME}" /></a>{else}<a href="{$treadmill_data.PRODUCTS_LINK}" title="{$treadmill_data.PRODUCTS_NAME}"><img src="{$tpl_path}img/{$language}/no_image.gif" alt="{$treadmill_data.PRODUCTS_NAME}" /></a>{/if}
        </span>
        <a href="{$treadmill_data.PRODUCTS_LINK}" class="textlink">{$treadmill_data.PRODUCTS_NAME}</a>
    </li>
{/foreach}
</ul>
</div>
<!-- EOF: Products-Treadmill v1.5 (c)2008 by Hetfield - <a target="_blank" href="http://www.MerZ-IT-SerVice.de" rel="nofollow">http://www.MerZ-IT-SerVice.de</a> -->
 

Grüße

Torsten

[voodoopupp]

Hi Torsten,

funktioniert leider nicht... weiterhin sind die Texte vertikal verschoben.

Grüße
Voodoo

[Tomcraft]

Geht nicht mit SPAN, aber einem P geht es.

Code: PHP  [Auswählen]

<!-- BOF: Products-Treadmill v1.5 (c)2008 by Hetfield - <a target="_blank" href="http://www.MerZ-IT-SerVice.de" rel="nofollow">http://www.MerZ-IT-SerVice.de</a> -->
{config_load file="$language/lang_$language.conf" section="products_treadmill"}
<div id="products_treadmill">
<ul>
{foreach name=aussen item=treadmill_data from=$treadmill_content}
    <li>
        <p style="height:130px;">
        {if $treadmill_data.PRODUCTS_IMAGE}<a href="{$treadmill_data.PRODUCTS_LINK}" title="{$treadmill_data.PRODUCTS_NAME}"><img src="{$treadmill_data.PRODUCTS_IMAGE}" alt="{$treadmill_data.PRODUCTS_NAME}" /></a>{else}<a href="{$treadmill_data.PRODUCTS_LINK}" title="{$treadmill_data.PRODUCTS_NAME}"><img src="{$tpl_path}img/{$language}/no_image.gif" alt="{$treadmill_data.PRODUCTS_NAME}" /></a>{/if}
        </p>
        <a href="{$treadmill_data.PRODUCTS_LINK}" class="textlink">{$treadmill_data.PRODUCTS_NAME}</a>
    </li>
{/foreach}
</ul>
</div>
<!-- EOF: Products-Treadmill v1.5 (c)2008 by Hetfield - <a target="_blank" href="http://www.MerZ-IT-SerVice.de" rel="nofollow">http://www.MerZ-IT-SerVice.de</a> -->
 

Grüße

Torsten

[voodoopupp]

Hallo Torsten,

jepp, das funktioniert auf diese Weise. Kann man das dann auch noch irgenwie vertikal zentrieren?

Danke & Grüße
Voodoo

[armandogarcia]

Hallo Gemeinde,

gibt es so ein ähnliches Modul auch für die Hersteller, so dass alle Herstellerlogos hin und her scrollen und man bei klick des Logos auf die Produkte des jeweiligen Herstellers kommt.

LG

Armando

[h-h-h]

gibt es so ein ähnliches Modul auch für die Hersteller, so dass alle Herstellerlogos hin und her scrollen und man bei klick des Logos auf die Produkte des jeweiligen Herstellers kommt.

Wieso ein Ähnliches?

Einstellmöglichkeiten:

• Es kann aus diesen Anzeigemöglichkeiten gewählt werden:
  top = Artikel aus der Kategorie Top
  new = Nur die neusten Artikel
  random = Zufällige Artikel
  specials = Nur Sonderangebote
  category = Anzeige der Artikel aus bestimmten Kategorien (kommaseparierte Liste)
  manufacturers = Anzeige der Hersteller
  

Diese Modul ist sehr anpassungsfähig, in Bezug auf die Kategorien siehe http://www.funsport-and-more.com

Schönen Gruß

h-h-h

[armandogarcia]

Hi h-h-h,

vielen Dank das hab ich ja glatt übersehen, eine möglichkeit das Modul doppelt zu verwenden gibt es leider nicht, oder? Dann hätte man eine Product_Treadmill und eine Manufacturers_Treadmill.

Viele Grüße

Armando