cross_selling.html dreispaltig?

[ponyhof]

Hallo !

Standardmässig werden ja Artikel die man dem Kunden empfiehlt untereinander angezeigt.

Wie ändert man die cross-selling.html, das die Produktempfehlung 3-spaltig wird.

Also nicht drei Artikel untereinander sondern 3-Artikel in einer Spalte ??

Ich fände das wesentlich übersichtlicher.

Genügt cross_selling.html anzupassen oder ist da in der stylesheet.css auch was drin ?



Linkback: https://www.modified-shop.org/forum/index.php?topic=847.0

[Anonym]

Das bestimmst alleine DU, was Du da einbaust. Die HTML kannst Du Dir so anpassen wie Du es benötigst.

[ponyhof]

Also das anpssen der cross_selling.html reciht ? Nix stylesheet ?

So Soll das nachher aussehen.

Wir empfehlen noch folgende Produkte:
Artikel 1                    Artikel 2                Artikel 3

nicht :
Artikel 1
Artikel 2
Artikel 3

[Anonym]

Nochmal....

Wenn Du das 3 Spaltig haben willst, dann wirst Du dafür HMTL Code brauchen und wenn Du der Meinung bist diesen auch mit ID oder Classen versehen zu müssen, dann brauchst Du auch CSS.

Es gibt hier keine expliziten Regeln oder Forschriften! Du bestimmt den Code. Das einzige was Du behalten musste sind die SMARTY Anweisungen.

[guensi]

So wie ich das versteh, wird in der cross_selling.html für jeden Artikel eine Tabelle angelegt:

Code: XML  [Auswählen]

<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">
 

versuch mal die Zeile so abzuändern (nicht getestet):

Code: XML  [Auswählen]

<table class="productPreview" width="33%" style="float:left" border="0" cellspacing="0" cellpadding="0">
 

Alternativ kannst du natürlich die Tabellenbreite auch absolut in Pixeln angeben, könnte etwas kompatibler zu verschiedenen Browsern sein.

[Nadine]

Das Thema muss ich mal wieder aufwärmen. Ich krieg es nicht hin, cross_selling.html zweispaltig zu machen.

reverse_cross_selling.html oder also_purchased.html funktionieren. Nur an der Datei kann ich machen was ich will, es wird nicht zweispaltig angezeigt.

Momentan sieht meine html so aus:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="cross_selling"}
<h2>{#heading_text#}</h2>
{foreach name=aussen item=module_data from=$module_content}
        {foreach item=products_data from=$module_data.PRODUCTS}
                <table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:1px solid #efe3b9;border-left:1px solid #efe3b9">
                <tr>
                {php}
          $col++;
                {/php}
        {if $products_data.PRODUCTS_IMAGE!=''}<td align="center" valign="middle" class="productPreviewImage" style="padding:10px; border-bottom:1px solid #efe3b9"><a href="{$products_data.PRODUCTS_LINK}"><img src="{$products_data.PRODUCTS_IMAGE}" alt="{$products_data.PRODUCTS_NAME}" /></a></td>{/if}
        <td align="center" valign="middle" class="productPreviewContent" style="border-right:1px solid #efe3b9; border-bottom:1px solid #efe3b9">
                        <h2><a href="{$products_data.PRODUCTS_LINK}">{$products_data.PRODUCTS_NAME}</a></h2>
                        <p>{$products_data.PRODUCTS_SHORT_DESCRIPTION}</p>
                        <span class="price">{$products_data.PRODUCTS_PRICE}</span> <span class="taxandshippinginfo">({$products_data.PRODUCTS_TAX_INFO}{$products_data.PRODUCTS_SHIPPING_LINK})</span>
                        {if $products_data.PRODUCTS_STOCKS_TRAFFIC_IMAGE}
            <p class="stockimage"><img src="{$products_data.PRODUCTS_STOCKS_TRAFFIC_IMAGE}" alt="{$products_data.PRODUCTS_STOCKS_TRAFFIC_NAME}" /></p>
                        <p class="stockimagetext">{$products_data.PRODUCTS_STOCKS_TRAFFIC_NAME}</p>
                        {/if}
                        </td>
          {php}
                  if ($col>=2) {
                  $col=0;
                  echo '</tr><tr>';
                   }
                  {/php}
                </tr>
                </table>
        {/foreach}
{/foreach}

[kid77]

Hattest du dafür eigentlich eine Lösung gefunden? Ich stehe gerade vor dem selben Problem.

[Charly]

Hallo,

da ich lieber mit CSS arbeite habe ich einfach um alles eine DIV geschmissen und dann alles mit CSS geformt. Mein Code sieht das jetzt für die "/templates/<mein-template>/module/also_purchased.html" so aus.

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="also_purchased"} <br />
<div id="auch_gekauft">
  <div id="auch_gekauft_ueberschrift">
    {#heading_text#}
 </div>
  {foreach name=aussen item=module_data from=$module_content}
  <div id="auch_gekauft_produkte">
    <div id="auch_gekauft_produkte_bild">
      {if $module_data.PRODUCTS_IMAGE}
        <a href="{$module_data.PRODUCTS_LINK}">
          <img src="{$module_data.PRODUCTS_IMAGE}" border="0" alt="{$module_data.PRODUCTS_NAME}" />
        </a>
      {/if}
    </div>
    <div id="auch_gekauft_produkte_name">
      <a href="{$module_data.PRODUCTS_LINK}">
        {$module_data.PRODUCTS_NAME}
      </a>
    </div>
    <div id="auch_gekauft_produkte_preis">
      {$module_data.PRODUCTS_PRICE}
    </div>
  </div>
  {/foreach}
</div>

Das CSS kann man sich dann unter http://www.albinpreissler.de/Weihnachtsschmuck/Schwibboegen/Schwibboegen-fuer-Wachskerzen/Schwibbogen-natur-Seiffener-Dorf-mit-Kurrende::183.html oder http://www.seiffener-weihnachtsland.de/Weihnachtsschmuck/Adventsleuchter/Adventsleuchter-gross/Adventsleuchter-natur-farbige-Reifentiere::1492.html mal anschauen. Das CSS kannst Du Dir am besten mit Firefox und Firebug anschauen und mal dranrumspielen. Bei mir ist es auch noch nicht perfekt, da ich noch mehr Daten in meiner Datenbank brauchen um zu schauen, wie es am besten aussieht.

Ich hoffe das hilft weiter.

VG Charly