Nach anklicken eines Artikels keine Detailansicht

[Sorahya]

Hallo Ihr lieben!

Ich habe folgendes Problem:

Wenn ich in meinem Shop einen Artikel anklicke erscheint der Artikel nicht, ich habe dann keine Detailansicht. Somit kann auch keiner einen Artikel in den Warenkorb legen. Da dieses beim xtc5 Template ohne Probleme funktioniert dürfte es ein Fehler im Template sein.
Ansonsten sind alle Artikel zu sehen nur die Detailansicht funktioniert nicht.

Das Template ist für den xtc 1.05, dort funktioniert es auch ohne irgendwelche Fehler, ich habe nun den xtc1.06Beta installiert.

Das Tutorial: Template eines xt:Commerce Shops in der modified eCommerce Shopsoftware weiter verwenden habe ich schon komplett durch, allerdings hat es den Fehler nicht behoben.

Meine Seite ist www.werkzeugspezi24.de, da könnt ihr euch das Problem ansehen.

Vielen Dank im vorraus

Gruß Sora

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

[noRiddle (revilonetz)]

Hallo Sorahya.
Schau' dir nochmal die /templates/DEIN_TEMPLATE/product_info/product_info.html an.
Da müssen irgendwelche Smarty-Platzhalter fehlen.
Am besten mit der Original-Datei vergleichen.
Alles was in geschwungenen Klammern steht ist wichtig "{}".

Außerdem schau' dir das mal an.

noscript-tags z.B. haben nichts im head-Bereich zu suchen.
Oder schau' auch mal mit Firefox rechte Maustaste in den Quelltext.
Was du da mitten im in fett rot (nicht den Doctype) siehst hat Fehler (doppelte Anführungszeichen bei table..., schließende Klammer eines div fehlt).

Gruß,
noRiddle

[Matt]

Schade, dass Firefox nicht auch Tabellen, die aus rein visuellen Gründen benutzt werden, als Fehler markiert

[Sorahya]

Vielen lieben Dank, das hat mir schon mal sehr geholfen.
Der Hauptfehler ist nun weg, aber könnte mir eventuell nun einer erklären wie ich die Fehler im Quelltext beseitige ? Das wäre super.

Danke Gruß Sorahya

[noRiddle (revilonetz)]

Suche einfach mal die genannte rote Stelle im Quelltext

Code: XML  [Auswählen]

<div style="float:right;text-align: center;border-left: 1px dotted #999999;">
    <a style="text-decoration: none;" href="http://www.werkzeugspezi24.de/shopping_cart.php">
    <div id="btn_animBoxCart" class="jsTrigger">
        <table width="100%" cellspacing="0" cellpadding="0" align="center"">
        <!-- cart has no content -->
    <div
       <img style="vertical-align: middle" src="templates/xtm105_bs24pro/img/bag_60x60.png" alt="Ihr Warenkorb" title="Ihr Warenkorb"/>
        <strong>&raquo; Ihr Warenkorb ist leer.</strong>
       
        </table>
    </div>
    </a>
</div>
</div>

• Zeile 3: div-tag innerhalb a-tag geht nicht
• Zeile 4: doppelte Anführungsstriche hinter center
• Zeile 6: div-tag hat keine schließende Klammer
• Zeile 10: table wird geschlossen obwohl div aus Zeile 6 noch nicht geschlossen

Sollte wohl so sein

Code: XML  [Auswählen]

<div style="float:right;text-align: center;border-left: 1px dotted #999999;">
     <a style="text-decoration: none;" href="http://www.werkzeugspezi24.de/shopping_cart.php">
     <div id="btn_animBoxCart" class="jsTrigger">
         <table width="100%" cellspacing="0" cellpadding="0" align="center">
        <!-- cart has no content -->
            <div>
                <img style="vertical-align: middle" src="templates/xtm105_bs24pro/img/bag_60x60.png" alt="Ihr Warenkorb" title="Ihr Warenkorb"/>
                <strong>&raquo; Ihr Warenkorb ist leer.</strong>
           </div>
        </table>
    </a>
    </div>
</div>

Aber da, wie gesagt, ein a-tag nicht Block-Elemente beinhalten darf, müsstest du's wohl so machen

Code: XML  [Auswählen]

<div style="float:right;text-align: center;border-left: 1px dotted #999999;">
    <div id="btn_animBoxCart" class="jsTrigger">
        <table width="100%" cellspacing="0" cellpadding="0" align="center">
        <!-- cart has no content -->
            <div>
                <a style="text-decoration: none;" href="http://www.werkzeugspezi24.de/shopping_cart.php">
                    <img style="vertical-align: middle" src="templates/xtm105_bs24pro/img/bag_60x60.png" alt="Ihr Warenkorb" title="Ihr Warenkorb"/>
                    <strong>&raquo; Ihr Warenkorb ist leer.</strong>
                </a>
            </div>
        </table>
    </div>
</div>

Dem <a style usw. gibst du dann ein display:block;

Solltest du aber mit CSS classes machen und nicht mit inline-style.
Läßt sich besser pflegen bei Änderungen
und, und das ist wichtig,
entspricht dem moderen Anspruch an "non-obtrusive" Design.

Gruß,
noRiddle

[Matt]

Zeile 3: div-tag innerhalb a-tag geht nicht

In HTML5 schon. Aber prinzipiell richtig und gilt auch für den <table>

entspricht dem moderen Anspruch an "non-obtrusive" Design.

Es gibt kein unobtrusive CSS. Es gibt nur unobtrusive (unaufdringliches) Javascript, wo dir nicht die ganze Seite um die Ohren fliegt weil was nicht geht. Was du beschreibst nennt sich best practice. Ansonsten könnten wir auch einfach weiterhin <font>-Tags benutzen. Sind in etwa so gut zu maintainen wie inline-Styles.

[noRiddle (revilonetz)]

Jau, ein nettes Feature ín HTML5, wenn auch semantisch vielleicht fragwürdig.

Ich nenne es halt "unobtrusive" CSS weil es "unaufdringlich" oder "dezent" bedeutet
und das trifft ja hier auch zu.

Gruß,
noRiddle