TEMPLATE: Artikelansicht zweispaltig & dreispaltig

[franky_n]

Hallo nobody 2405,

dort

Code: PHP  [Auswählen]

<td height="300">

einfach

Code: PHP  [Auswählen]

<td height="300" valign="top">

benutzen.
Auch noch hinter die Pixelangaben px schreiben, also so "300px".

Viele Grüße

Franky

[tobimuc]

Hi Franky mal wieder ...Dominik is mein Kollege und ich habe das grad mal so geändert und siehe da hammergeil es funzt !!!!

Jetzt komme ich aber mit einer MEGA harten Herausforderung denn jetzt steht alles richtig oben vom Text, nur zeige ich euch jetzt wie es aussieht, denn die Kurzbeschriebung is manchmal länger und kürzer und das nimmt so viel Platz weg nach unten zu den Buttons.

Weiss jemand wie die beiden Buttons sich dynamisch von der Höhe an nach oben unter die Kurzbeschreibung legen können und zwar "gleichzeitig beide" in Abhängikeit an dem Artikel der eine "längere Kurzbeschreibung" hat, damit das immer passend aussieht in einer Höhe von immer 2 Artikeln nebeneinander in jeder Zeile.  Oh mann ich hoffe das kapiert einer  

Liebe Grüße
Tobias

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

[franky_n]

Hi tobimuc,

Du hast ja auch die Höhe fest definiert...
Das hatte ich oben anders beschrieben

Versuch mal folgendes:

Code: PHP  [Auswählen]

<table height="100%">
  <tr>
    <td height="30px">
      <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
    </td>
    <td height="100%" valign="top">
      <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
      <p class="price"> <font size="+1">{$module_data.PRODUCTS_PRICE}
        <span class="taxandshippinginfo">
          ( {$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK} )
        </span>
      </p>
      {if $module_data.PRODUCTS_VPE}
        <p class="vpe">
          {$module_data.PRODUCTS_VPE}
        </p>
      {/if}
      {if $module_data.PRODUCTS_SHIPPING_NAME}
        <p class="shippingtime">
          {#text_shippingtime#}
         {if $module_data.PRODUCTS_SHIPPING_IMAGE}
            <img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME}" />
          {/if}
          {$module_data.PRODUCTS_SHIPPING_NAME}
        </p>
      {/if}
    </td>
  </tr>
  <tr>
    <td height="30px">
      <p>
        <a href="{$module_data.PRODUCTS_LINK}">
          <img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" />
        </a>
         {$module_data.PRODUCTS_BUTTON_BUY_NOW}<br />
        <br />
      </p>
    </td>
  </tr>
</table>
 

ist wohl ungetestet also vorher SIcherheitkopie der Datei.
Gewöhnt Euch an die <></> mit Leerzeichen zu formatieren dann findet man HTML Fehler schneller und sieht direkt wie es gegliedert ist. (z.B. sehe ich kein schließendes </font> )

Viele Grüße

Franky

[sabinchen]

Hallo zusammen,

ich bin langsam am Verzweifeln ... entweder ich bin zu blöd ... oder ich habe die völlig falsche Vorstellung von dem, was ich tue ... oder beides  

Im Starter-Beitrag steht ja, dass man die new_products_default.html (für zweispaltig) auch auf andere Dateien umsetzen kann. Das habe ich für die Specials versucht. Ziel ist es, dass die Angebote zweispaltig auf der Startseite erscheinen ... so wie eben die neuen Artikel hier http://www.reitsportartikel4you.de

Ich habe folgendes für richtig gehalten ...

in der Datei new_products_default.html habe ich die erste Zeile wie folgt geändert:

{config_load file="$language/lang_$language.conf" section="specials"}

Die Datei habe ich dann in "specials.html" umbenannt.

Dann dachte ich eigentlich, ich müsste die main_ontent-html auch noch "ändern" und habe dort folgendes eingefügt

{if $MODULE_specials}

<div>{$MODULE_specials}</div>
{/if}

Passiert ist ... NIX!    aber auch keine Fehlermeldung ... einfach nix halt ...

Ich befürchte, ich habe mit meinen Selbstversuchen für den Schenkelklopfer des Abends gesorgt ... kann mir jemand sagen, wie das richtig geht? Ich hatte mir auch in dem anderen Thread die Möglichkeit angeschaut es über einen anderen Weg zu machen ... einmal ein XTC-Modul und einmal eine Anleitung ... beides hab ich nicht wirklich verstanden *schäm*

Würd mich über einen Tipp freuen ... danke im Voraus *wink*

einen schönen Abend wünscht das Sabinchen

EDIT: Ich möchte noch schnell etwas ausprobieren, bevor sich jemand seinen Kopf für mich zerbricht ... ich glaube, mir ist gerade ein E-Werk aufgegangen ... *duckweg*

[franky_n]

Hallo sabinchen,

geh mal in die \includes\center_modules.php und füge nach der Z.21:

Code: PHP  [Auswählen]

  require(DIR_WS_MODULES . FILENAME_UPCOMING_PRODUCTS);

das ein:

Code: PHP  [Auswählen]

  require(DIR_WS_MODULES . FILENAME_SPECIALS);

Viele Grüße

Franky

[sabinchen]

Hi Franky,

danke für deine Mühe ... das hab ich gerade gemacht ... ich bin dieser Anleitung gefolgt, die ich in einem anderen Thread gefunden habe ...

Ich habe außer dem, was du geschrieben hast, dem was ich schon probiert habe noch diese specials.php erstellt, so wie es in der Anleitung steht ... und jetzt kommt eine Fehlermeldung ... siehe hier http://www.reitsportartikel4you.de

Hab ich jetzt zuviel gemacht?

[franky_n]

Hi sabinchen,

nö zuviel gemacht sicher nicht.

Diese Datei liegt nur noch nicht im korrekten Ordner:
includes/modules/specials.php

3. Die Datei includes/modules/specials.php

Diese Datei existiert noch nicht, daher einfach eine Textdatei erstellen und folgenden Code einfügen :

Viele Grüße

Franky

[sabinchen]

Yieeepieeeeee ... vor lauter Dateien ändern und hochladen hab ich sie wohl "irgendwo" hingelegt ... ich hab sogar noch mal nachgeschaut, weil ich ja schon gesehen hab, dass sie "angeblich" nicht da ist ... boah ey ... lesen bildet, Frau Sabine ...

Jedenfalls vielen lieben Dank ...

[sabinchen]

Darf ich nochmal kurz?
Jetzt wirds zwar angezeigt, aber irgendwo stimmts noch nicht ... ich hab jetzt folgendes in die main_content reingeschrieben ...

{config_load file="$language/lang_$language.conf" section="index"}
{$MODULE_error}
<h1>{$title}</h1>
{if $MODULE_products_treadmill}{$MODULE_products_treadmill}{/if}

<br />
<br />
<!--<div>{$text}</div>   -->

{if $MODULE_specials}
{$MODULE_specials}
{/if}

<br />
<br />

{if $MODULE_new_products}

<div>{$MODULE_new_products}</div>
{/if}
<br />
<br />

{if $MODULE_upcoming_products}
<div>{$MODULE_upcoming_products}</div>
{/if}

Trotzdem ist kein Abstand zwischen den einzelnen "Abschnitten" zu sehen. Ich hab auch schon Firebug bemüht, aber der läuft auf meinem Rechner hier zuhause irgendwie nicht richtig ... hmmm ... ist das womöglich nicht über html zu lösen sondern in der stylesheet.css?

Danke nochmal fürs Drübergucken ...

[franky_n]

Hallo sabinchen,

nimm mal die <div></div> raus...

Wenn das nicht geht machst Du vor und hinter die Module alle ein

Code: PHP  [Auswählen]

<div class="specials"></div>
<div class="newproducts"></div>
<div class="upcomingproducts"></div>
 

und dann in der stylesheet.css diese definieren z.B.:

Code: CSS  [Auswählen]

.specials {
  margin-top: 10px;
  margin-bottom: 10px;
}
 

Viele Grüße

Franky

[sabinchen]

Warte ... mein Pc spinnt gerade ... ich glaube ich sollte feierabend machen ...*nerv* ... dein beitrag war nicht ganz angezeigt ... ich meld mich gleich nochmal ...

[franky_n]

Hallo sabinchen,

siehe oben, habs noch mal abgeändert...

Viele Grüße

Franky

[sabinchen]

Och nöööö ... ich bin heute aber auch wirklich blond ... es tutet nicht ... ich befürchte, ich habs nicht ganz richtig gemacht ... meintest du so?

{config_load file="$language/lang_$language.conf" section="index"}
{$MODULE_error}
<h1>{$title}</h1>
{if $MODULE_products_treadmill}{$MODULE_products_treadmill}{/if}

<br />
<br />

{if $MODULE_specials}
<div class="specials">{$MODULE_specials}</div>
{/if}

<br />
<br />

{if $MODULE_new_products}
<div class="newproducts">{$MODULE_new_products}</div>
{/if}

<br />
<br />

{if $MODULE_upcoming_products}
<div class="upcomingproducts">{$MODULE_upcoming_products}</div>
{/if}

Ich glaube ich mach jetzt eine Pause ... hab schon viereckige Augen und wie man sieht krieg ich gar nichts mehr gebacken ... ... aber ich bin sooo froh, dass Du mir hilfst ... danke schön ... und danke für deine Geduld

[tobimuc]

Guten Abend zusammen, Hallo Franky!

Ich habs eingebaut aber mit der Dynamischen Anpassung sieht es etwas anders aus leider    ..es hat alles wieder anders gesetzt so:

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

[franky_n]

Hallo sabinchen,

ja die zugefügten <br /> noch rausnehmen.

Und dann in der /templates/xtc5/stylesheet.css für jedes div eine Formatierung machen also so:

Code: CSS  [Auswählen]

.specials {
  margin-top: 10px;
  margin-bottom: 10px;
}
.newproducts {
  margin-top: 10px;
  margin-bottom: 10px;
}
.upcomingproducts {
  margin-top: 10px;
  margin-bottom: 10px;
}
 

Dann sollte es Dir oben und unten bei jedem Modul <div> einen Rand von 10px machen.... also Abstand insgesamt 20px von Modul zu Modul.

PS: Cache leeren etc. ist schon wichtig sonst klappt es evtl. nicht.

Viele Grüße

Franky