TEMPLATE: Artikelansicht zweispaltig & dreispaltig auf CSS Basis

[web0null]

Wegen dem "zurecht rücken", das kannst du auch "anstoßen", indem du auf den "Moderator informieren"-Link klickst.

Gruß

[WeXsler]

Danke für die Info! Habe gerade eine Nachricht geschrieben.

[Bonsai]

Und hier die Erklärung der Funktionalität:
http://de.wikipedia.org/wiki/BBCode

Ist wie HTML, mit Start- und End-Tags. Du kannst das auch manuell tippen. Die Knöpfe sind nur eine Komfort Funktion.
Zu beachten ist nur, jedes Forum hat seine eigene Konfiguration was unterstützt wird und was nicht. Es will z.B. nicht jeder Forenbetreiber sein Forum mit Youtube Videos vollgespamt bekommen

Und die hier verwendeten Code Blöcke sind natürlich in z.B. einem Gesundheitsforum eher unüblich.

[Tomcraft]

Ich habe den Code in seinem Beitrag nachträglich formatiert.

Grüße

Torsten

[Bonsai]

@WeXsler
Ich empfehle Dir dringend, Dir mal die originalen Template Dateien vom xtc5 zum Vergleich zu nehmen.

Da ist z.B. diese Zeile:

Code: PHP  [Auswählen]

<p>{$module_data.PRODUCTS_BUTTON_BUY_NOW}&nbsp;<a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a></p>

PRODUCTS_BUTTON_BUY_NOW erklärt sich selbst, oder?

EDIT: Ups, ist ja schon drin

[Bonsai]

schon wieder quatsch .... ich gebs auf für heute

[Bonsai]

So, wieder fit und aufnahmefähig.

Wie sieht denn der HTML Quellcode dazu aus? Mach mal im Browser rechtsklick, Quellcode anzeigen und poste das hier.

Sagt Firebug irgendwas?

[WeXsler]

Quellcode geht leider nicht mehr, habe das erst mal wieder in den Originalzustand zurückversetzt.

Folgende Codes gibt es:

- Originaldatei 1.06: product_listing_v1.html
- Zweispaltendesign: 2SP-product_listing_v1.html (+ einige weitere Dateien)
- Zweispaltendesign: css (zum Hineinkopieren in die stylesheet.css)
- und mein mißglückter Versuch die fehlenden Teile aus der Originalen in die 2Spalten.html zu bekommen. Der Code der weiter oben gepostet ist.

Originaldatei 1.06: product_listing_v1.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
  {else}
  <h1>{$CATEGORIES_NAME}</h1>
{/if}
{if $CATEGORIES_DESCRIPTION || $CATEGORIES_IMAGE || $MANUFACTURER_DROPDOWN}
                {if $CATEGORIES_IMAGE}<img src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" class="imgLeft" /><br />{/if}
                {if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}<br />{/if}
                {if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}<br />{/if}
{/if}
{$NAVIGATION}
<div class="hrproductpreview"></div>
<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">
{foreach name=aussen item=module_data from=$module_content}
  <tr>
    <td align="center" class="productPreviewImage">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" class="productImageBorder" /></a>{else}&nbsp;{/if}</td>
    <td class="productPreviewContent">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
                <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
                <p class="price">{$module_data.PRODUCTS_PRICE}</p><p class="taxandshippinginfo">( {$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK} )</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}
                                <p>{$module_data.PRODUCTS_BUTTON_BUY_NOW}&nbsp;<a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a></p>
        </td>
  </tr>
  <tr>
    <td align="center" colspan="2">
    <div class="hrproductpreview"></div>
    </td>
  </tr>
{/foreach}
</table>
{$NAVIGATION}
 

Zweispaltendesign: 2SP-product_listing_v1.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{if $CATEGORIES_HEADING_TITLE}
  <h1>{$CATEGORIES_HEADING_TITLE}</h1>
{elseif $ADVANCED_SEARCH_HEADER}
  <h1>{$ADVANCED_SEARCH_HEADER}</h1>
{else}
  <h1>{$CATEGORIES_NAME}</h1>
<div class="hrproductpreview"></div>
{/if}
{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}
<br />
<div align="center">
{foreach name=aussen item=module_data from=$module_content}

   {php} $col++;
  {/php}
  <div class="listingbox">
  <div class="listing" align="center"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></div>
  <div class="listing_body">
  <div class="listing_img">{if $module_data.PRODUCTS_IMAGE}
    <a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>
  {/if}</div>
  <div class="listing_price"><span class="price"><b>{$module_data.PRODUCTS_PRICE}</b></span><br />
    ({$module_data.PRODUCTS_TAX_INFO}<br />{$module_data.PRODUCTS_SHIPPING_LINK})</div>
    </div>
    <div class="listing_bottom"><a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/german/button_product_more.gif" alt="" /></a></div>
</div>

{php}
  if ($col>=2) {
  $col=0;
  echo '';
  }
  {/php}
{/foreach}
</div>
{$NAVIGATION}

Zweispaltendesign: css

Code: PHP  [Auswählen]

.listingbox{width:258px;padding:0;border:1px solid #000000;float:left;margin:2px;background:#FFFFFF;}
* html .listingbox{width:257px;}
.listing{margin:2px;font-size:12px;padding:7px 0 0 0;background-image:url(img/bg_boxheader.png);background-repeat:repeat-x;height:23px;color:#000000;font-weight:bold;}
.listing a{color:#ffffff;}
.listing a:visited{color:#ffffff}
.listing a:hover,a:active{color:#ffffff}
.price{font-size:16px;font-weight:bold;padding:0;margin:0;color:#4F4F4F}
.listing_body{width:258px;min-height:200px;height:200px;border-top:2px solid #000000;border-bottom:2px solid #000000;float:left;background:#FFFFFF;background-image:url(img/ornament.png);background-repeat:no-repeat;background-position:bottom right;}
.listing_img{padding:10px 5px 5px 5px;float:left;width:115px;height:180px;}
.listing_price{width:120px;padding:10px 5px 0 5px;float:right;font-size:11px;font-weight:normal;color:#999;text-align:right;}
.listing_price a{font-size:11px;font-weight:bold;color:#999;text-decoration:underline;outline:none;}
.listing_price .productOldPrice{font-size:12px;font-weight:bold;color:#ff0000;}
.listing_bottom{float:left;width:258px;text-align:center;padding:4px 0 0 0;background-color:#FEF8E0;height:28px;}

[KJW]

Ich habe das 2_Spalten_Design_1 installiert, sehe jetzt keine Kurzbeschreibung mehr.
Kann das an dem 2_Spalten_Design_1 liegen?

Gruß
KJW

[Fubu]

Hallo,
wenn ich das richtig gesehen habe ist das beim 2 Spaltigen nicht vorgesehen.

füge in "product_listing_v1.html" an geeigneter steller folgendes ein

Code: PHP  [Auswählen]

{$module_data.PRODUCTS_SHORT_DESCRIPTION}

sollte klappen.

[KJW]

Danke, werde ich probieren.
In der "product_listing_v1.html" ist es vorhanden, aber auskommentiert

<!--{$module_data.PRODUCTS_SHORT_DESCRIPTION}-->

.

EDIT: Die Produktinfo kommt ausserhalb der Artikelansicht. Ich lasse es vorläufig ohne die Kurzbeschreibung

[daredevil]

also bei der Modified Shop 1.6sp2 funktioniert es nicht warum auch immer.

Gibt es eine Lösung dafür ?