Schicke product_info.php gebaut - leider mit Bug

[SonjaSt]

Darf ich Euch bitten, einen Blick in den Quelltext meiner product_info.php zu werfen?

Ich habe das Layout geändert, schaut nun richtig gut aus. Leider schaut der Bug darin weniger gut aus *g*.

Die Artikel-Attribute (Größenwahl, Farbwahl,...) funktioniert nicht mehr.
Leider blicke in dem php-Code nicht genug durch um zu wissen, welche Funktionen ich versehentlich auseinandergerissen habe.

Der komplette Quelltext ist:

{config_load file="$language/lang_$language.conf" section="product_info"}
{$PRODUCT_NAVIGATOR}
{$FORM_ACTION}
<table width="100%" border="0">
  <tr> 
    <td>

      <table width="100%" border="0">
                <tr>
                    <td class="produktbeschreibung_bild" rowspan="2" valign="top" align="center">
                        <table width="1" border="0" cellpadding="5" cellspacing="0">
                            <tr>
                                <td>{if $PRODUCTS_IMAGE!=''}<a href="{$PRODUCTS_POPUP_LINK}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>{/if}</td>
                            </tr>
                            <!-- more images -->
                        {if $PRODUCTS_IMAGE_1 != ''}
                            <tr>
                                <td style="border-top: 1px solid; border-color: #cccccc;"><a href="{$PRODUCTS_POPUP_LINK_1}"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a></td>
                            </tr>
                            {/if}     
                        {if $PRODUCTS_IMAGE_2 != ''}
                            <tr>
                                <td style="border-top: 1px solid; border-color: #cccccc;"><a href="{$PRODUCTS_POPUP_LINK_2}"><img src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a></td>
                            </tr>
                            {/if}
                        {if $PRODUCTS_IMAGE_3 != ''}
                            <tr>
                                <td style="border-top: 1px solid; border-color: #cccccc;"><a href="{$PRODUCTS_POPUP_LINK_3}"><img src="{$PRODUCTS_IMAGE_3}" alt="{$PRODUCTS_NAME}" /></a></td>
                            </tr>
                            {/if}
                        <!-- more images eof -->
                        </table>
                            {if $PRODUCTS_IMAGE_LINK!=''}<a href="{$PRODUCTS_IMAGE_LINK}" onclick="window.open(this.href); return false;">{$PRODUCTS_TEXT_ZOOM}</a><br />
                        {/if}
                      {if $PRODUCTS_FSK18=='true'}
                      <br />
                        <img src="{$tpl_path}img/fsk18.gif" alt="" /> {/if} {if $MODULE_graduated_price !=''} {$MODULE_graduated_price}{/if}</td>
                    <td rowspan="2" valign="top" align="center" width="10"></td>
                    <td class="produktbeschreibung_bild" rowspan="2" align="left" valign="top">
                        <div align="left">
                            <table width="100%" border="0" cellspacing="2" cellpadding="0">
                                <tr>
                                    <td class="contentsTopics" align="left">
                                        <div align="left">
                                            {$PRODUCTS_NAME}</div>
                                    </td>
                                </tr>
                            </table>
                                {if $PRODUCTS_VPE}{$PRODUCTS_VPE}<br />
                                {/if} {if $PRODUCTS_MODEL!=''}{#model#} {$PRODUCTS_MODEL}{/if} {$PRODUCTS_DISCOUNT}<br />
                                {#print#}{$PRODUCTS_PRINT}<br />
                                {if $SHIPPING_NAME}
                            <table width="200" border="0" cellpadding="0" cellspacing="0">
                                <tr valign="middle">
                                    <td class="main">{#text_shippingtime#}</td>
                                    {if $SHIPPING_IMAGE}
                                    <td><img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" /></td>
                                    {/if}
                                    <td class="main">{$SHIPPING_NAME}</td>
                                </tr>
                            </table>
                                {/if}
                            <p></p>
                            <p><strong><a class="roter_preis">{$PRODUCTS_PRICE}</a></strong><br />
                                {$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
                            <table width="300" border="0">
                                <tr>
                                    <td class="main" valign="middle">
                                        <table width="100" border="0">
                                            <tr>
                                                <td>{$ADD_QTY}</td>
                                                <td>{$ADD_CART_BUTTON}</td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
                <tr>
                    
                </tr>
      </table>      
    </td>
  </tr>
    <tr height="5">
        <td height="5"></td>
    </tr>
    <tr>
        <td class="produktbeschreibung_bild" align="left">
            <div align="left">
                {if $PRODUCTS_DESCRIPTION !=''}{$PRODUCTS_DESCRIPTION}<br />
                {/if}
            <br />
                    {if $MODULE_product_options !=''}{$MODULE_product_options}<br />
                {/if}
            </div>
        </td>
    </tr>
</table>
{if $PRODUCTS_URL != ''} 
<table width="100%" border="0" class="boxTextBG">
  <tr> 
    <td align="center">{$PRODUCTS_URL}<br /></td>
  </tr>
</table>{/if}
{if $PRODUCTS_DATE_AVIABLE != ''} 
<table width="100%" border="0" class="boxTextBG">
  <tr> 
    <td align="center">{$PRODUCTS_DATE_AVIABLE}<br /></td>
  </tr>
</table>{/if}  {if $MODULE_products_reviews != ''}
<table width="100%" border="0">
  <tr>
      <td>{$MODULE_products_reviews}<br /></td>
  </tr>
</table>
{/if}
{if $MODULE_products_media != ''}
  <table width="100%" border="0">
    <tr> 
      <td align="center">{$MODULE_products_media}<br /></td>
    </tr>
  </table>
{/if} {if $MODULE_cross_selling != ''} 
<table width="100%" border="0">
  <tr> 
    <td align="center">{$MODULE_cross_selling}<br /></td>
  </tr>
</table>
{/if} {if $MODULE_reverse_cross_selling != ''} 
<table width="100%" border="0">
  <tr> 
    <td align="center">{$MODULE_reverse_cross_selling}<br /></td>
  </tr>
</table>
{/if}{if $MODULE_also_purchased != ''} 
<table width="100%" border="0">
    <tr> 
      <td align="center">{$MODULE_also_purchased}<br /></td>
    </tr>
  </table>{/if}
{$FORM_END}

Danke,
Sonja


PS:
Meine Vermutung: Der Fehler entsteht, weil der Button "In den Warenkorb" quasi "oberhalb" der Attribut-Tabelle liegt. Mir gefällt es SO jedoch besser, als wenn der Button unterhalb der Attributliste liegt.

[buero-design]

Hi Sonja,

mit Deiner Vermutung liegst Du genau richtig. Der Button muss (im Quelltext) unter den Attributen stehen, sonst wird's nix.

(Ist auch schon ein paar mal im Forum gepostet worden.)

Ben

[SonjaSt]

Hallo Ben,

wo im Quelltext liegt es denn begründet, dass der Button unten sein MUSS?
Gestalterisch sieht es besser aus, wenn der Button oben ist bei den "Standard" Artikelmerkmalen und nicht unter der Produktbeschreibung und den Attributen.

Die Attribute mit zu den "Standard" Artikelmerkmalen zu packen, schaut noch schlimmer aus.

(Suchfunktion zu dem Thema ergab nichts - besser gesat: sehr viele Treffer jedoch nicht zu DEM Problemchen)

Gruß,
Sonja

[buero-design]

Hallo Sonja,

weiß der Geier, woran das liegt. Ich habe das nicht weiter hinterfragt, da es für mich nicht von Relevanz war. Und der Support hat sich dazu - soweit ich es gesehen habe - auch nicht ausgelassen.

Ich habe in den Templates die Tabellen rausgeschmissen und die Gestaltung mit CSS gemacht. War 'ne Menge Arbeit, dafür ist der Quellcode aber auch viel(!) kürzer und solche "Probleme" werden erst gar nicht zu Problemen :-)

Ben

[SonjaSt]

Hallo Ben,
ja, bei einem Template, das rein auf CSS basiert und 100% tabellenfrei ist, dürften ca. 70% des Quellcodes entfallen.

Leider reichen meine Kenntnisse in HTML (noch?) nicht so weit, dass ich mich an ein solches Projekt wage.

Hmmmmm,... wenn alle Stricke reißen, müssen Mengenangabe und Button
in meiner product_info.php doch nach unten rutschen. *soifz*


Gruß,
Sonja

[supervisior]

Dank CSS kann man aber zaubern und die Reihenfolge optisch ändern.

@SonjaSt Willst Du mal ein 100% tabellenfreies Template sehen?

[SonjaSt]

@ supervisior:
Immer her mit der URL!

Optisch - im Webbrowser angezeigt, sollte die CSS-Seite genau so aussehen wie die Tabellen-basierte - der Quellcode jedoch dürfte interessant sein.

[supervisior]

Schau in die meine Signatur im Kontrollzentrum. Den Link hier zu posten könnte als Werbung verstanden werden.