Artikel zweispaltig

[Tomcraft]

Schau doch einfach mal in die bereitgestellten Dateien unter:

• TEMPLATE: Artikelansicht zweispaltig & dreispaltig
• TEMPLATE: Artikelansicht zweispaltig & dreispaltig auf CSS Basis

Wie man die Breite des Shops änderst findest du hier: Template Breite verändern
bzw.: Shop Breite ändern

Hättest du über die Forensuche finden können, etwas anderes habe ich auch nicht gemacht.

Grüße

Torsten

[sportluck]

Hallo Gemeinde, ich habe den Code wie beschrieben für einen 3 Spalter eingebaut. Funktioniert auch. Nur ist der Sofortkaufen button wie bei Oliver weg. Hat jemand eine Idee?

[vollmer-werbedesign]

Hallo, ich bin hier neu .. und kenn mich auch nicht so gut damit aus, aber ich habe alles so gemacht wie es hier steht leider sehe ich keine Veränderung.
Kann mir vll. jemand helfen? hier der Link zur website:

http://candyjewels.ch/shop/

Hallo Oliver,

hier ist schon mal ein fleissiger Wichtel

1. Ändere in der "stylesheet.css" im Ordner "/templates/xtc5/" folgendes ab:

suche nach:

Code: CSS  [Auswählen]

/* MAIN CONTENT */
#content {
        float:left;
        width:495px;
        padding:0px 25px 0px 25px;
        margin-bottom:15px;
}

ändere in:

Code: CSS  [Auswählen]

/* MAIN CONTENT */
#content {
    float:left;
    width:530px;
    padding:0px 10px 0px 10px;
    margin-bottom:15px;
    background-color:#FFFFFF;
}

2. im Anhang ist eine "new_products_default.txt"

-nenne diese um in "new_products_default.html" und ersetze diese in deinem Template
(vorher natürlich die originale sichern)

3. mit den Werten etwas spielen...

Code: PHP  [Auswählen]

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

<h1>{#heading_text#}</h1>

{foreach name=aussen item=module_data from=$module_content}

<div style="float:left; width:263px; padding-top:5px; padding-left:2px; background-color:#FFFFFF;">
  <table width="260" style="border:1px solid #DDDDDD;" bgcolor="#FFFFFF" align="center" border="0" cellpadding="0" cellspacing="2">
    <tr valign="middle">
      <td valign="top" height="360px" style="border-bottom:5px solid #000000;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center" height="60" style="color:#333" bgcolor="#f4f4f4"><strong>{$module_data.PRODUCTS_NAME}</strong></td>
            </tr>
            <tr>
                <td height="120" align="center" valign="middle" bgcolor="#FFFFFF" style="padding-right:0px;">
                    {if $module_data.PRODUCTS_IMAGE!=''}
                        <a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>
                    {else}
                        <strong>Kein Bild vorhanden!</strong>
                    {/if}
                </td>
            </tr>
            <tr>
                <td height="70" valign="top" align="center" bgcolor="#FFFFFF" style="padding:5px">
                    {if $module_data.PRODUCTS_SHORT_DESCRIPTION!=''}
                        {$module_data.PRODUCTS_SHORT_DESCRIPTION}
                    {else}
                         
                    {/if}
                </td>
            </tr>
            <tr>
                <td class="productPreviewContent">
                    <!-- <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2> -->
                    <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}
                    {/if}
                    {if $module_data.PRODUCTS_STOCKS_TRAFFIC_IMAGE}
                        <p class="stockimage"><img src="{$module_data.PRODUCTS_STOCKS_TRAFFIC_IMAGE}" alt="{$module_data.PRODUCTS_STOCKS_TRAFFIC_NAME}" /></p>
                        <p class="stockimagetext">{$module_data.PRODUCTS_STOCKS_TRAFFIC_NAME}</p>
                    {/if}
                </td>
            </tr>
            <tr>
                <td height="40" valign="middle" align="center" bgcolor="#f4f4f4">
                    <p><!-- {$module_data.PRODUCTS_BUTTON_BUY_NOW}  --><a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/{$language}/button_product_more.gif" alt="Details" border="0" /></a></p>
                </td>
            </tr>
        </table>
      </td>
    </tr>
  </table>
</div>

{/foreach}

Erklärung:

Wenn Du jetzt in:

Zeile 7 den Wert bei width:263px auf 174px änderst und in
Zeile 8 den Wert bei width="260" auf 171 änderst,

dann hast Du drei Spalten.

So sollte es aussehen mit den Werten 263px und 260 (zwei Spalten):

(Dateianhang Link)

Die Datei "drei_spalten1.jpg" müsste eigentlich "zwei_spalten.jpg" heißen...

Steffen

[svenyo]

Hallo,

ich habe Schwierigkeiten meine categorie_listing dreispaltig einzustellen. Hier mal der Code:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="categorie_listing"}
{if $CATEGORIES_HEADING_TITLE}
        <h1>{$CATEGORIES_HEADING_TITLE}</h1>
{else}
        <h1>{$CATEGORIES_NAME}</h1>
{/if}
{if $CATEGORIES_IMAGE}<div class="span12">
<img class="img-responsive img-polaroid center-block bottom-buffer" src="{$CATEGORIES_IMAGE}" alt="{$CATEGORIES_NAME}" /></div>{/if}
<!--{if $CATEGORIES_DESCRIPTION}<div>{$CATEGORIES_DESCRIPTION}</div>{/if}-->
{if $module_content !=''}
<hr>                                                                                                                                                                                                                                                                                                                                                                        
<h2>{#heading_more_categories#}</h2>
<br /><br />
<div class="row-fluid bottom-buffer">{foreach name=aussen item=module_data from=$module_content}{php}$col++;{/php}
  <div class="span6">
    {if $module_data.CATEGORIES_IMAGE}<a href="{$module_data.CATEGORIES_LINK}"><img class="img-responsive img-polaroid center-block" {if file_exists($module_data.CATEGORIES_IMAGE|replace:"categories":"categories/thumbnail")} src="{$module_data.CATEGORIES_IMAGE|replace:"categories":"categories/thumbnail"}" {else} src="{$module_data.CATEGORIES_IMAGE}" {/if} alt="{$module_data.CATEGORIES_NAME}" /></a>{/if}
    <p class="text-center"><a href="{$module_data.CATEGORIES_LINK}"><h3 class="text-center">{$module_data.CATEGORIES_NAME}</h3></a></p>
    <div class="text-center">
    <!--{$module_data.CATEGORIES_DESCRIPTION|truncate:400}-->
    </div>
  </div>{if not $smarty.foreach.aussen.last}{php}if ($col>=2) {$col=0; echo "\n".'</div>'."\n"; echo '<div class="row-fluid bottom-buffer">';}{/php}{/if}{/foreach}
</div>
{/if}
<hr>
{$MODULE_new_products}

Habe schon allerlei probiert. Auch wenn ich

Code: PHP  [Auswählen]

($col>=2)

ändere auf

Code: PHP  [Auswählen]

($col>=3)

will es einfach nicht klappen. Dann würfelt er alles irgendwie scheps untereinander.

Kann sich das mal jemand anschauen?
Gruß,
Sven