Jump to content
xt:Commerce Community Forum

Produktauflistung Nebeneinander


ckroschl

Recommended Posts

Hallo,

kann mir jemand einen Tipp geben, wie ich in der Produktauflistung die Artikel nebeneinander anordnen kann, anstatt untereinander. Ich habe schon das Product_Listing Template bearbeitet, jedoch ohne einschl?gigen Erfolg.

Ich bin f?r jeden Ratschlag dankbar.

Link to comment
Share on other sites

Hi,

meiner Meinung nach mu?t du die Tabelle von der product_listing_v1.html etwas umstellen damit die Artikel nebeneinander aufgelistet werden.

Schau dir doch einmal die von categorie_listing_.html an oder kopiere sie und tausche die relevanten Daten f?r die Produktliste aus. M?ste ja funktionieren. Denn die Kategoreien werden ja nebeneinander gelistet.

Aber speichere die original product_listing vorher, falls es doch nicht funktioniert!

Gru? TiKla

Link to comment
Share on other sites

Danke Tikla.

Ich habe die 'new_products.html' kopiert und modifiziert und in die "product_listing.html' eingebaut. Der entscheidende PHP Code darin war folgender:

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

{php} $col++;

{/php}

[Tabelle]

{php}

if ($col>=2) {

$col=0;

echo '</tr><tr>';

}

{/php}

{/foreach}

In der Zeile if ($col>=2) { kann die Anzahl Spalten eingestellt werden.

Link to comment
Share on other sites

  • 2 weeks later...

Hallo

ich habe das bei mir auch versucht, die Produktauflistng zweispaltig darzustellen und bin (denke ich mal) so vorgegangen wie hier beschrieben.

Leider wird weiterhin alles einspaltig angezeigt. Habe ich vielleicht die entscheidenden codes an den falschen Stellen eingef?gt oder fehlt noch was ?

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

 ?<tr> 

 ? ?<td align="center"> 

 ? ? ? ?<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-top: 2px solid; border-color: #d4d4d4;">

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

 ? ? ? ? ?{php} $col++; 

 ?{/php}

 ? ?<tr> 

 ? ? ? ? ? ?<td rowspan="2" style="border-bottom: 1px solid; border-color: #cccccc;">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}

 ?	{if $module_data.PRODUCTS_FSK18=='true'}<br /><img src="{$tpl_path}img/fsk18.gif" alt="" />{/if}</td>

 ? ? ? ? ? ?<td align="left" class="main"><a href="{$module_data.PRODUCTS_LINK}"><strong>{$module_data.PRODUCTS_NAME}</strong></a></td>

 ? ? ? ? ?</tr>

 ? ? ? ? ?<tr> 

 ? ? ? ? ? ?<td align="left" class="main" style="border-bottom: 1px solid; border-color: #cccccc;">{$module_data.PRODUCTS_SHORT_DESCRIPTION}

 ? ? ? ? ? ? ?<br /> ? ? ? ? ? ? ?

 ? ? ? ? ? ? ?<strong>{$module_data.PRODUCTS_PRICE}

 ? ? ? ? ? ? ?<br />

 ? ? ? ? ? ? ?</strong>

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

 ? ? ? ? ? ? ? ?<tr>

 ? ? ? ? ? ? ? ? ?<td align="right"><table width="200" border="0">

 ? ? ? ? ? ? ? ? ? ?<tr>

 ? ? ? ? ? ? ? ? ? ? ?<td align="right">{if $module_data.SHIPPING_NAME}

 ? ? ? ? ? ? ? ? ? ? ? ? ?<table width="200" border="0" cellpadding="0" cellspacing="0">

 ? ? ? ? ? ? ? ? ? ? ? ? ? ?<tr valign="middle">

 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<td class="main">{#text_shippingtime#}</td>

 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?{if $module_data.SHIPPING_IMAGE}

 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<td><img src="{$module_data.SHIPPING_IMAGE}" alt="{$module_data.SHIPPING_NAME}" /></td>

 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?{/if}

 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<td class="main">{$module_data.SHIPPING_NAME}</td>

 ? ? ? ? ? ? ? ? ? ? ? ? ? ?</tr>

 ? ? ? ? ? ? ? ? ? ? ? ? ?</table>

 ? ? ? ? ? ? ? ? ? ? ? ? ?{/if}

 ? ? ? ? ? ? ? ? ? ? ? ? ?{$module_data.BUTTON_BUY_NOW}</td>

 ? ? ? ? ? ? ? ? ? ?</tr>

 ? ? ? ? ? ? ? ? ?</table></td>

 ? ? ? ? ? ? ? ?</tr>

 ? ? ? ? ? ?</table> ? ? ? ? ? ?</td>

 ? ? ? ? ?</tr>

 ? ? ? ? ?{php} 


 ?if ($col>=2) {

 ?$col=0;

 ?echo '</tr><tr>';

 ?}

 ?{/php}

 ?{/foreach} ?

 ? ? ?</table>

 ? ?</td>

 ?</tr>

</table>

Kann da vielleicht jemand weiterhelfen?

Vielen Dank

Rosemarie Morweiser

Link to comment
Share on other sites

ich habe es eben mal ?berflogen und denke, du solltest anstelle von

 <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-top: 2px solid; border-color: #d4d4d4;">

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

     {php} $col++;

 {/php}

  <tr> 
dieses hier coden:
 <tr> 

 <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-top: 2px solid; border-color: #d4d4d4;">

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

     {php} $col++;

 {/php}

  

sonst hauste dir ja st?ndig ne neue Zeile rein :tweak: (was du ja eigendlich vermeiden willst :pst: )

Link to comment
Share on other sites

Danke f?r den Tipp. Leider haut es so auch nicht hin, das tr ?ber der table zerhaut nur wieder was. Ich hab das jetzt mal zwischen eingef?hrt, wo es f?r mich mehr Sinn ergibt, ich wei? nicht wo da der Wurm drin liegt. Die Anzeige bleibt weiterhin einspaltig.

Hier mal der gesamte Code der product_listing_v1.php

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

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

 <tr valign="top">

  <td class="contentsTopics">{$CATEGORIES_NAME}</td>

  <td align="right"></td>

 </tr>

</table>

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

 <tr>

  <td align="center">


<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-top: 2px solid; border-color: #d4d4d4;">

     <tr>

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

     {php} $col++;

 {/php}


      <td rowspan="2" style="border-bottom: 1px solid; border-color: #cccccc;">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}

 {if $module_data.PRODUCTS_FSK18=='true'}<br /><img src="{$tpl_path}img/fsk18.gif" alt="" />{/if}</td>

      <td align="left" class="main"><a href="{$module_data.PRODUCTS_LINK}"><strong>{$module_data.PRODUCTS_NAME}</strong></a></td>

     </tr>

     <tr>

      <td align="left" class="main" style="border-bottom: 1px solid; border-color: #cccccc;">{$module_data.PRODUCTS_SHORT_DESCRIPTION}

       <br />       

       <strong>{$module_data.PRODUCTS_PRICE}

       <br />

       </strong>

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

        <tr>

         <td align="right">

   <table width="200" border="0">

          <tr>

           <td align="right">{if $module_data.SHIPPING_NAME}

             <table width="200" border="0" cellpadding="0" cellspacing="0">

              <tr valign="middle">

               <td class="main">{#text_shippingtime#}</td>

               {if $module_data.SHIPPING_IMAGE}

               <td><img src="{$module_data.SHIPPING_IMAGE}" alt="{$module_data.SHIPPING_NAME}" /></td>

               {/if}

               <td class="main">{$module_data.SHIPPING_NAME}</td>

              </tr>

             </table>

             {/if}

             {$module_data.BUTTON_BUY_NOW}</td>

          </tr>

         </table>

   </td>

        </tr>

      </table> 

   </td>

     </tr>

     {php}


 if ($col>=2) {

 $col=0;

 echo '</tr><tr>';

 }

 {/php}

 {/foreach} 

   </table>

  </td>

 </tr>

</table>

<br />

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

 <tr>

  <td>{$NAVIGATION}</td>

 </tr>

</table>

Link to comment
Share on other sites

So, ich habe noch Mal dr?ber geschaut.

Du m?chtest wahrscheinlich die einzelnen Artikel in jeweils einer Tabelle darstellen. Davon sollen zwei Tabellen immer nebeneinander stehen. Daf?r m?sst Du auch innerhalb der Schleife die Tabelle ?ffnen und wieder schlie?en.

Das ganze m?sste ungef?hr so aussehen (so einfach ins blaue hinein, habe ich nicht getestet):

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

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

 <tr valign="top">

  <td class="contentsTopics">{$CATEGORIES_NAME}</td>

  <td align="right"></td>

 </tr>

</table>

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

<tr>

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

    {php} $col++;

{/php}

<td>


<table border="0" cellpadding="0" cellspacing="0" style="border-top: 2px solid; border-color: #d4d4d4;">

    <tr>



     <td rowspan="2" style="border-bottom: 1px solid; border-color: #cccccc;">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}

 {if $module_data.PRODUCTS_FSK18=='true'}<br /><img src="{$tpl_path}img/fsk18.gif" alt="" />{/if}</td>

     <td align="left" class="main"><a href="{$module_data.PRODUCTS_LINK}"><strong>{$module_data.PRODUCTS_NAME}</strong></a></td>

    </tr>

    <tr>

     <td align="left" class="main" style="border-bottom: 1px solid; border-color: #cccccc;">{$module_data.PRODUCTS_SHORT_DESCRIPTION}

      <br />       

      <strong>{$module_data.PRODUCTS_PRICE}

      <br />

      </strong>

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

       <tr>

        <td align="right">

  <table width="200" border="0">

         <tr>

          <td align="right">{if $module_data.SHIPPING_NAME}

            <table width="200" border="0" cellpadding="0" cellspacing="0">

             <tr valign="middle">

              <td class="main">{#text_shippingtime#}</td>

              {if $module_data.SHIPPING_IMAGE}

              <td><img src="{$module_data.SHIPPING_IMAGE}" alt="{$module_data.SHIPPING_NAME}" /></td>

              {/if}

              <td class="main">{$module_data.SHIPPING_NAME}</td>

             </tr>

            </table>

            {/if}

            {$module_data.BUTTON_BUY_NOW}</td>

         </tr>

        </table>

  </td>

       </tr>

     </table>

  </td>

    </tr>


  </table>

 </td>

{php}


if ($col>=2) {

$col=0;

echo '</tr><tr>';

}

{/php}

{/foreach} 

</tr>

</table>

<br />

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

 <tr>

  <td>{$NAVIGATION}</td>

 </tr>

</table>

Link to comment
Share on other sites

<table border="0" cellpadding="0" cellspacing="0" style="border-top: 2px solid; border-color: #d4d4d4;">
ersetzen durch
<table width="50%" border="0" cellpadding="0" cellspacing="0" style="border-top: 2px solid; border-color: #d4d4d4;">

:tweak:

Link to comment
Share on other sites

  • 8 months later...

Jau, Danke, das hat geklappt.... Doch irgendwie siehts bei mit ein wenig verzockt aus. Die Artikel scheinen innerhalb einer Zeile nicht wirklich auf der selben H?he zu stehen, sind irgendwie versetzt. Ein St?ck weit h?her in diesem Thread stand etwas dazu, doch leider konnte ich nicht folgen!

Hat da jemand vielleicht nochn Tip zu?

So siehts bis jetzt aus:

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

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

<tr valign="top">

 <td class="contentsTopics">{$CATEGORIES_NAME}</td>

 <td align="right"></td>

</tr>

</table>

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

<tr>

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

    {php} $col++;

{/php}

<td>


<table width="50%" border="0" cellpadding="0" cellspacing="0" style="border-top: 2px solid; border-color: #d4d4d4;">

    <tr>



     <td rowspan="2" style="border-bottom: 1px solid; border-color: #cccccc;">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}

{if $module_data.PRODUCTS_FSK18=='true'}<br /><img src="{$tpl_path}img/fsk18.gif" alt="" />{/if}</td>

     <td align="left" class="main"><a href="{$module_data.PRODUCTS_LINK}"><strong>{$module_data.PRODUCTS_NAME}</strong></a></td>

    </tr>

    <tr>

     <td align="left" class="main" style="border-bottom: 1px solid; border-color: #cccccc;">{$module_data.PRODUCTS_SHORT_DESCRIPTION}

      <br />       

      <strong>{$module_data.PRODUCTS_PRICE}

      <br />

      </strong>

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

       <tr>

        <td align="right">

  <table width="200" border="0">

         <tr>

          <td align="right">

  	<p align="left">{if $module_data.SHIPPING_NAME} </p>

            <table width="200" border="0" cellpadding="0" cellspacing="0">

             <tr valign="middle">

              <td class="main">

   	<p align="left">{#text_shippingtime#}<img src="{$module_data.SHIPPING_IMAGE}" alt="{$module_data.SHIPPING_NAME}" />{$module_data.SHIPPING_NAME}</td>

              {if $module_data.SHIPPING_IMAGE}

              <td></td>

              {/if}

              <td class="main"></td>

             </tr>

            </table>

            {/if}<p>       

      <strong>{$module_data.PRODUCTS_PRICE}

      </strong>

      {$   {$module_data.BUTTON_BUY_NOW}</td>

         </tr>

        </table>

  </td>

       </tr>

     </table>

  </td>

    </tr>


  </table>

 </td>

{php}


if ($col>=2) {

$col=0;

echo '</tr><tr>';

}

{/php}

{/foreach} 

</tr>

</table>

<br />

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

<tr>

 <td>{$NAVIGATION}</td>

</tr>

</table>

Ich bin wirklich f?r jeden Hinweis dankbar!

Gruss Nabil

Link to comment
Share on other sites

Originally posted by nabil@Mar 2 2006, 02:47 PM

Jau, Danke, das hat geklappt.... Doch irgendwie siehts bei mit ein wenig verzockt aus. Die Artikel scheinen innerhalb einer Zeile nicht wirklich auf der selben H?he zu stehen, sind irgendwie versetzt. Ein St?ck weit h?her in diesem Thread stand etwas dazu, doch leider konnte ich nicht folgen!

Hat da jemand vielleicht nochn Tip zu?

Wie ist denn eine Beispiel URL?

Vielleicht mal ein Valign="top" einbauen?

Link to comment
Share on other sites

  • 11 months later...
  • 4 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
  • Create New...