TEMPLATE: Artikelansicht zweispaltig & dreispaltig

[franky_n]

Hallo sak,

die Template Dateien findest Du unter:
/templates/xtc5/module/product_listing/product_listing_v1.html
/templates/xtc5/module/new_products.html

Erst Sicherheitkopien von den originalen Dateien machen.

Da steht die Lösung für die product_listing_v1.html: TEMPLATE: Artikelansicht zweispaltig & dreispaltig

außer das Du die

Code: PHP  [Auswählen]

if ($column>= 2) {

auf

Code: PHP  [Auswählen]

if ($column>= 3) {

ändern musst.

In der new_products.html ersetzt Du das (oberen beiden Zeilen stehen lassen:

Code: PHP  [Auswählen]

{foreach name=aussen item=module_data from=$module_content}
<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">
  <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} {/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} <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>
<div class="hrproductpreview"></div>
{/foreach}

durch das:

Code: PHP  [Auswählen]

  <table class="productPreview"  width="100%"  border="0"  cellspacing="0"  cellpadding="0">
    <tr>
      {php}$column = 1;{/php}
      {foreach name=aussen item=module_data from=$module_content}
        <td align="center" class="productPreviewImage" height="100%">
          {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}
             
          {/if}
        </td>
        <td class="productPreviewContent" height="100%">
          <table height="100%">
            <tr>
              <td height="50px" valign="top">
                <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2>
              </td>
            </tr>
            <tr>
              <td height="100%" valign="top">
                <p>{$module_data.PRODUCTS_SHORT_DESCRIPTION}</p>
              </td>
            </tr>
            <tr>
              <td height="50px" valign="top">
                <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="25px">
                <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>
        </td>
        {php}
          if ($column>= 3) {
            echo "</tr><tr>";
            $column = 0;
          }
          $column++;
        {/php}
      {/foreach}
    </tr>
  </table>
  <div class="hrproductpreview"></div>

Mehr ist nicht zu sagen.

Viele Grüße

Franky

[tobimuc]

Hi all, Was sind das für Files jetzt?

[franky_n]

Hallo Zusammen,

das mit der product_listing_v1 ist oben Blödsinn.
Da hab ich mich verleiten lassen.

Das andere was ich oben gepostet habe ist für die Anzeige "Neue Artikel" halt ohne Unterkategorienanzeige und Überschrift etc.

Viele Grüße

Franky

[Sak]

Hey Franky, danke für die schnelle Antwort.

Hm also bei meiner new_products.html kann ich garnicht den gleichen code finden wie er oben angeben ist.

Das ist doch diedse _deafualt unten? Ne andere new products habe ich nämlich nicht !

Und wenn ich die product_listing_v1.htm so abändere wir hier: TEMPLATE: Artikelansicht zweispaltig & dreispaltig

Dann zeigt er mir gar keine Artikel mehr an.

Was mach ich falsch?

Gruß Sak

[Sak]

Meine product_listing_v1 habe ich übrigens hier gefunden:

...\xtCore\pages\product_listing\

Kann das vielleicht falsch sein?

[tobimuc]

ja da stimmt was nicht mit deiner Struktur?

/templates/xtc5/module/product_listing/product_listing_v1.html

VG
Tobias

[franky_n]

Hallo sak,

ich denke in dem Fall sprichst Du von xtc und nicht modified eCommerce Shopsoftware.
Das hier ist ein Forum für modified eCommerce Shopsoftware und nicht für das normale xtc...

Somit denke ich eher das Du mit den Veränderungen nichts anfangen kannst weil Du im falschen Forum dafür bist.
modified eCommerce Shopsoftware ist eine bereits aktualisierte und angepasste Version des xtc...

Viele Grüße

Franky

[GTB]

Meine product_listing_v1 habe ich übrigens hier gefunden:

...\xtCore\pages\product_listing\

Kann das vielleicht falsch sein?

diese Pfade kenne ich aber auch nicht von xt:Commerce

[Tomcraft]

Hier sei nochmal betont, dass sich der kostenlose Support hier ausschließlich an unser modified eCommerce Shopsoftware richtet.

Grüße

Torsten

[guensi]

diese Pfade kenne ich aber auch nicht von xt:Commerce

Nun, aber Tante G findet

\xtCore\pages\product_listing\

im entsprechenden Forum dort, also sollte das wohl ein xtc-Shop sein.

[Tomcraft]

Oha! Also Veyton... gut, aber das hat mit modified eCommerce Shopsoftware nicht wirklich viel zu tun.

Grüße

Torsten

[sv.brueck]

Hallo Torsten!

ich habe eben eine 3spaltige "product_listing_v1.html" angepasst und die CSS entsprechend geändert.

Jetzt weiss ich natürlich nicht, ob Ihr diese Datei schon irgendwo stehen habt. (Blicke bei den ganzen Links nicht mehr durch).

Falls nicht würde ich diese hier gern hoch laden.

Gruß

Sven

[Tomcraft]

Tu dir keinen Zwang an.

Was genau hattest du denn geändert?

Grüße

Torsten

[sv.brueck]

Hallo!

Ich möchte hier jetzt einmal meine 3spaltige "product_listing_v1" vorstellen.

Hierbei habe ich u.a. die folgenden CSS Änderungen vorgenommen:

ca. Zeile 86:

Code: CSS  [Auswählen]

a img {
        border:1px solid #999999;
        outline: none;
        margin:1px;
}
 

ca. Zeile 1192:

Code: CSS  [Auswählen]

/* EOF - dokuman - 2009-06-06 - Fix new products display in firefox size is 120px by default */
td.productPreviewContent {
        width:400px;
        text-align:left;
        height:100px;
}
 

darunter neu einfügen:

Code: CSS  [Auswählen]

/* 3spaltige product_listing - sv.brueck - 2010-10-27 - */
div.productpreviewstyle {
        background-color:#FFFFFF;
        float:left;
        padding-left:2px;
        padding-top:5px;
        width:173px;
}
 

Da es sich hierbei ja um eine 3spaltige "product_listing_v1.html" handelt, muss man sich eventuell neue Button erstellen. Die originalen Button sind für diese Anzeige leider zu breit.

Vielleicht kann es ja jemand gebrauchen.

Gruß

Sven

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

[sv.brueck]

Nachtrag:

die folgende Änderung aus meinem vorherigen Eintrag gilt nur für die von mir erstellten Button, da hier die Button einen Rahmen erhalten haben:

Code: CSS  [Auswählen]

a img {
    border:1px solid #999999;
    outline: none;
    margin:1px;
}

Habe ich vorhin vergessen zu erwähnen.

Gruß

Sven