Darstellungsfehler der Produkte

[AllyG]

Hallo,

ich habe seit einigen Tagen starke unterschiedliche Darstellungen meiner Produkte:

Zur Veranschaulichung hier ein Bild wie es sein soll:

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

Und hier wie es nicht sein soll:

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

Das Problem ist, dass ich neue Artikel erstellen kann und es wie zufällig zu einer der beiden Darstellungsformen kommt.

Wenn ich das Standart-Template reinlade wird im unteren Bild versucht die Artikelbeschreibung mit reinzuquetschen.

Ich habe bereits einen weiteren testshop installiert und dort einfach mal mein template reingeladen. Der Fehler taucht auch auf jedoch aber nicht im standart template.

Mir ist schleierhaft wieso der Fehler in dem einen shop in beiden templates ist und in dem anderen nur bei meinem template.

Hat da jemand eine Idee dazu?

Eigentlich möchte ich die URL noch nicht herausgeben da der shop noch nicht läuft aber da ihr bestimmt was im Quellcode findet: http://www.fishermans-world.de

Bitte helft mir ich verzweifel echt langsam



Linkback: https://www.modified-shop.org/forum/index.php?topic=11246.0

[floh]

Sorry, kann kein negative Darstellung sehen sehen. Bei mir (FF 3.6.13) sieht es so aus:

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

Vielleicht mal den Link posten, wie es nicht aussehen soll. Meine Screenshots waren von hier:

http://www.fishermans-world.de/Dropshotangeln/Drop-Shot-Bleie:::193_450.html

Interessant wäre auch noch zu erfahren, was du denn "seit einigen Tagent" alles geändert hast. Vielleicht fängt man dann hier bei der Fehlersuche an.......

Gruß

 floh

[AllyG]

Genau so will ich es nicht haben. Denn so ist ja auch der Navigator rechts und nicht unten.
(Nebenbei du warst in der Kategorie. Du musst mal einen Schritt weiter gehen)

Hier ist ein Link wo es so ist wie es sein soll:

http://www.fishermans-world.de/Koeder/Hardbaits/Wobbler/Abu-Garcia:::4_318_333_337.html

und hier wie es nicht sein soll und auch bei einem großen Anteil im shop ist

http://www.fishermans-world.de/Koeder/Hardbaits/Wobbler/Quantum-Specialist:::4_318_333_341.html

Was ich gemacht habe:

Ich habe das Modul Autocomplete für intelligente Suche installiert, welches aber zu Zeit nicht geht, da ich mit den neuen Jquery Datein Version 1.8.10 viele Fehler bekomme.

z.B. funktionieren die Tabs dort in der Product-info-tabs nicht sondern man wird immer auf die Startseite geleitet, wenn man einen Tab anklickt.

Jedoch funtioniert es wiederum mit dem neuen Jquery auf den Seiten die wie der erste Link aussehen.

Dann hatten wir einen Serverumzug bei unserem Hoster All Inkl weil wir auf ein höheres Packet gesprungen sind.

Ich könnte jetzt anfangen den ganzen Shop zum dritten mal aufzusetzen aber ich habe keine Lust, dass der Fehler dann wieder auftritt deswegen wäre es schön wenn man ihn jetzt schon finden könnte.

Wie gesagt im 2. Link versucht der Shop die Produktbeschreibung mit einzubauen (das habe ich gesehen, wenn ich das Standarttemplate aktiviere) und beim 1. läuft ja alles so wie ich es auch in der Stylesheet eingehackt habe.

Ein weiterer Punkt bei dem ich mir nicht sicher bin. Wir haben oder wollen Alle Produkte nocheinmal verlinken oder haben sie schon verlinkt in die Kategorie Hersteller. Ich weiß nicht ob genau das der Fehler ist aber im Testshop ist nichts drinn. Er ist frisch und hat nur einen Artikel zum test und da kommt der Fehler also kann es ja doch nur das Template sein.

Ich bin mittlerweile sowas von verwirrt weil ich schon seit fast einer Woche den Fehler suche und einfach nichts finde.

[AllyG]

Das Thema hat sich erledigt.

Ich hatte TEMPLATE: Artikelansicht zweispaltig & dreispaltig auf CSS Basis bei mir am laufen. Dadurch sind die Fehler gekommen.

Nun habe ich TEMPLATE: Artikelansicht zweispaltig & dreispaltig am laufen und es funktioniert mit ein wenig Anpassungen tadellos.

Endlich kann ich wieder klar denken.

[Tomcraft]

Das hättest du aber auch mit der CSS-Lösung hin bekommen, wenn du das Element mal mit Firebug für Firefox untersucht hättest, siehe: FAQ: Liste wichtiger Freeware- & OpenSource-Programme für die Shop-Erstellung

Grüße

Torsten

[AllyG]

Das habe ich und es wurden bei der alten Ansicht unterschiedliche Stylesheeteinträge ausgewählt, was ich überhaupt nicht verstehen konnte.

Es hat auch mit den Standarddefinitionen nicht mehr funktioniert deswegen bin ich aus Spaß mal umgestiegen und wie gesagt jetzt funktioniert es.

Ich hatte die Fehler damals in meiner ersten Installation auch schon mit der ersten Variante.

Ich möchte diese aber auf jeden Fall nicht schlecht hinstellen! Wer weiß, was es war bei mir.

[Tomcraft]

[...]
Ich möchte diese aber auf jeden Fall nicht schlecht hinstellen! Wer weiß, was es war bei mir.

So hatte ich es auch nicht verstanden.

Grüße

Torsten

[AllyG]

Ich weiß nicht warum aber jetzt ist der Navigator schon wieder nach rechts verschoben.

Kann mal jemand bitte bei meinem Testshop vorbeischauen und mir sagen warum das so aussieht?

Der Navigator ist mittlerweile bei mir im Hauptshop und Testshop schon wieder nach rechts und teilweise hinter den Warenkorb gerutscht.

Das Problem hatte ich ja wie oben beschrieben schon vorher. Im Internet-Explorer funzt es.

[Tomcraft]

Post mal bitte den Code deiner "product_listin_v1.html". Da hast du {$NAVIGATION} an der falschen Stelle eingefügt.

Grüße

Torsten

[AllyG]

Hier ist er

Code: CSS  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<h1>{#heading_text#}</h1>
{foreach name=aussen item=module_data from=$module_content}
<div style="float:left; width:260px; padding-top:5px; padding-left:2px; background-color:#FFFFFF;">
  <table width="258" style="border:1px solid #000000; -moz-border-radius: 8px ;" bgcolor="#FFFFFF" align="center" border="0" cellpadding="0" cellspacing="0">
    <tr valign="middle">
      <td valign="top" height="260px" style="border-bottom:1px none #000000; padding:0px; ">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center" height="50" class="productPreviewTopImage" style="color:#FFFFFF;-moz-border-radius: 8px 8px 0px 0px;" bgcolor="#000000"><strong>{$module_data.PRODUCTS_NAME}</strong></td>
            </tr>
            <tr>
                <td height="160" 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 height="60" class="productPreviewContent"><center>
                    <!-- <h2><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></h2> -->
                    <p class="price">{$module_data.PRODUCTS_PRICE}<!--{$module_data.PRODUCTS_ID}--></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}-->
                    <!-- Lagerampel -->
        {if $module_data.PRODUCTS_QUANTITY>= '5'}
           <div style="margin-top:6px;">
           <img style="display:block; float:none;" src="images/icons/ampel_gruen.png" alt="Artikel verfügbar" title=" Artikel verfügbar" /><p>
           </strong></div>{/if}
        {if $module_data.PRODUCTS_QUANTITY <= '4' && $module_data.PRODUCTS_QUANTITY>= '2'}
           <div style="margin-top:6px;">
           <img style="display:block; float:none;" src="images/icons/ampel_gelb.png" alt="wenige Artikel verfügbar" title="wenige Artikel verfügbar" /><p>
           </strong></div>{/if}
        {if $module_data.PRODUCTS_QUANTITY <= '1' && $module_data.PRODUCTS_QUANTITY>= '1'}
           <div style="margin-top:6px;">
           <img style="display:block; float:none;" src="images/icons/ampel_gelb_empty.png" alt="Nur noch 1 Artikel verfügbar" title="Nur noch 1 Artikel verfügbar" /><p>
           </strong></div>{/if}
        {if $module_data.PRODUCTS_QUANTITY <= '0'}
           <div style="margin-top:6px;">
           <img style="display:block; float:none;" src="images/icons/ampel_rot_empty.png" alt="Artikel derzeit nicht verfügbar" title="Artikel derzeit nicht verfügbar" /><p>
           </strong></div>{/if}
           <!-- Lagerampel -->
                    </center>
                </td>
            </tr>
            <tr>
                <td height="20" class="productPreviewBottomImage" style=" -moz-border-radius: 0px 0px 8px 8px;" valign="middle" align="center" bgcolor="#000000">
                    <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}
{$NAVIGATION}

Habs jetzt mit Firefox, IE und Safari getestet und der Fehler kommt nur im Firefox.

[Tomcraft]

Bist du sicher, dass das der Code ist, der eben im Shop nicht gepasst hat?!

Sieht ganz anders aus.

Du willst {$NAVIGATION} zusätzlich oben haben, oder was war dein Anliegen?

Grüße

Torsten

[AllyG]

Ja das ist der Code. Und ich versteh nicht warum es gestern funktioniert hat und heute nicht mehr obwohl ich nichts an der Datei mehr gebastelt habe.

Die {$NAVIGATION} soll unten sein wie auch in der original product_listing.
(was sie im IE und Safari auch ist)

So langsam versteh ich das nicht mehr was da bei mir abläuft.

Die Datei ist aus meinem richtigen Shop. Im Testshop ist aber die gleiche. Hier nochmal ein Link zu meinem richtigen Shop

Grüße Kay

[Tomcraft]

Ah... ich sehe es!

Du "floatest", aber du "clearst" nicht!

Suche:

Code: PHP  [Auswählen]

{$NAVIGATION}
 

und ersetze mit:

Code: PHP  [Auswählen]

<div style="clear:both;"></div>
{$NAVIGATION}
 

Das Thema dürfte damit behoben sein.

Grüße

Torsten

[AllyG]

Juhuuuu vielen Dank.

Hab gleich mal zum Thema "float" und "clear" gegoogelt und wieder was dazugelernt.

und gute Nacht bzw. guten Morgen.