Managed Server
Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: CSS-Klasse für Sonderpreisanzeige

    Unterwassergaertner

    • Fördermitglied
    • Beiträge: 32
    CSS-Klasse für Sonderpreisanzeige
    am: 27. April 2010, 17:54:45
    Ich habe jetzt hier schon einige Anfragen bezüglich der Änderung der Preisanzeige in der product_info_v1.html gelesen. Oft wird dann darauf verwiesen, der betreffende User sollte sich mal Firebug installieren. In einem anderen Beitrag las ich, die Schriftgröße für den Sonderpreis wäre in der xtcPrice.php per html-Tag festgelegt. Das ist ja eigentlich auch nicht Sinn der Sache.

    Es geht auch einfacher. In der /templates/xtc5/module/product_info/product_info_v1.html ist ein DIV-Container mit der CSS-Klasse #productinfopricewithimages angelegt. Leider gibt es die nachfolgenden Unterklassen .productprice und .productOldprice in der stylessheet.css gar nicht.

    Also entweder Ihr legt Euch die Unterklassen an, oder ihr verwendet gleich die richtige CSS-Klasse #productinfoprice für den DIV-Container. Dann werden auch die Eingaben aus der stylesheet.css übernommen.



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

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    CSS-Klasse für Sonderpreisanzeige
    Antwort #1 am: 27. April 2010, 19:25:22
    Danke für den Tipp, das wird sicherlich jemand gebrauchen können. :thx:

    Du kannst gerne eine erweiterte stylesheet.css hier anhängen, dann schaue ich mir die mal an und dann kommt sie ggf. in die nächste version von modified eCommerce Shopsoftware mit hinein.

    Grüße

    Torsten

    Unterwassergaertner

    • Fördermitglied
    • Beiträge: 32
    CSS-Klasse für Sonderpreisanzeige
    Antwort #2 am: 27. April 2010, 20:15:39
    Erweiterte stylesheet ist gar nicht nötig, steht alles schon drin.

    In der produkt_info_v1.html steht etwa folgendes:

    Code: PHP  [Auswählen]
    <div id="productinfopricewithimages">
    <p class="productprice"><strong>{$PRODUCTS_PRICE}</strong></p>
    Der Code stammt wohl aus einem Erweiterungsmodul für Bilder als Preis oder sowas und wurde einfach immer mitkopiert. Die meisten Shops, auch der Testshop zum Beispiel, nutzen aber gar keine Bilder als Preisanzeige. Für Shops mit normaler Preisanzeige wäre folgender Code richtig:

    Code: PHP  [Auswählen]
    <div id="productinfoprice">
    <p class="productprice">{$PRODUCTS_PRICE}</p>
    Dann kann man sich die ganzen Formatierungen in den php-Dateien und im Template sparen und alles über die stylesheet.css machen.

    Gruß

    Frank

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    CSS-Klasse für Sonderpreisanzeige
    Antwort #3 am: 27. April 2010, 20:23:12
    :hust:

    [...]
    Dann kann man sich die ganzen Formatierungen in den php-Dateien und im Template sparen und alles über die stylesheet.css machen.
    [...]

    Das meine ich doch... füge doch mal die Klassen in der stylesheet.css hinzu, formatiere das gleich schick und stelle es dann hier zur Verfügung. ;-)

    Grüße

    Torsten

    Unterwassergaertner

    • Fördermitglied
    • Beiträge: 32
    CSS-Klasse für Sonderpreisanzeige
    Antwort #4 am: 27. April 2010, 21:53:20
    Ich glaube du verstehst mich nicht.

    Die Klassen sind in der aktuellen stylesheet schon drin. Sie werden nur nicht angesprochen, weil in der product_info_html die falsche Oberklasse angegeben ist. Siehe meinen Codeschnipsel.

    Bei mir sieht es so aus:

    Beispiel aus dem Pflanzenshop

    Code: CSS  [Auswählen]
    #productinfoprice {
            padding:5px
    }
    #productinfoprice .hrlightgrey {
            margin-top:6px;
            margin-bottom:6px;
    }
    #productinfoprice .productprice {
            margin:0;
            padding:0;
            font-size:18px;
            font-weight:bold;
    }
    #productinfoprice .productOldPrice {
            color:#CC0000;
            margin:0;
            padding:0;
            font-size:14px;
            font-weight:bold;
                    text-decoration:line-through;
    }
    #productinfoprice .taxandshippinginfo {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:normal;
            color:#666666;
    }
    #productinfoprice .taxandshippinginfo a {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:normal;
            color:#666666;
    }
    #productinfoprice .shippingtime {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:normal;
            color:#666666;
    }
    #productinfoprice .stockimage {
            margin:0;
            padding:0;
    }
    #productinfoprice .stockimagetext {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:normal;
            color:#666666;
    }
    Gruß

    Frank

    ds170477

    • Fördermitglied
    • Beiträge: 1.522
    • Geschlecht:
    CSS-Klasse für Sonderpreisanzeige
    Antwort #5 am: 27. April 2010, 22:22:29
    Funtzt ohne Probleme :thumbs:

    Gruss

    Daniel

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    CSS-Klasse für Sonderpreisanzeige
    Antwort #6 am: 27. April 2010, 22:41:47
    Ah okay.... nun hab ich's endlich. ;-)

    Grüße

    Torsten

    COTENA

    • Frisch an Board
    • Beiträge: 63
    CSS-Klasse für Sonderpreisanzeige
    Antwort #7 am: 28. April 2010, 06:18:33
    Wo wir gerade dabei sind, vielleicht hat auch einer folgendes schon irgendwie mal gefunden. Unter "Ihr Konto" werden doch die getätigten Bestellungen angezeigt (siehe Screenshot). Nun möchte ich aber den Betrag nicht fett sondern normal dargestellt haben.  

    Laut Firebug ist es ein <strong> welches dafür verantwortlich ist. CSS hat wohl nichts damit zu tun. Aber in welcher PHP-Datei hat sich das strong versteckt?

    Gruß
    Karsten

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

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    CSS-Klasse für Sonderpreisanzeige
    Antwort #8 am: 28. April 2010, 07:29:27
    Schau mal in der Datei "/includes/classes/xtcPrice.php" und suche dort nach dem <strong>.

    Grüße

    Torsten

    COTENA

    • Frisch an Board
    • Beiträge: 63
    CSS-Klasse für Sonderpreisanzeige
    Antwort #9 am: 28. April 2010, 08:06:07
    Hallo Torsten,

    die hab ich auch schon durchsucht. Nix mit <strong>.

    Vor allem das kuriose ist, in der xtc5/module/account_history.html wird die gleiche Variable {$order_data.ORDER_TOTAL} nicht fett dargestellt. Aber ich finde auch in der account.php kein <strong>.

    Gruß Karsten

    COTENA

    • Frisch an Board
    • Beiträge: 63
    CSS-Klasse für Sonderpreisanzeige
    Antwort #10 am: 28. April 2010, 09:56:50
    Habs gefunden. Hätte nicht gedacht dass <strong> mit in die DB geschrieben wird.
    Danke.

    Karsten

    billybob

    • Fördermitglied
    • Beiträge: 563
    CSS-Klasse für Sonderpreisanzeige
    Antwort #11 am: 28. April 2010, 10:02:58
    Ah okay.... nun hab ich's endlich. ;-)

    ...wo du gerade dabei bist...
    Kannst Du vielleicht auch gleich diese Zeilen aus der css entfernen. Die werden nämlich im gesamten code nirgendwo angesprochen:

    Code: CSS  [Auswählen]
    #productinfopricewithimages {
            float:right;
    }
    #productinfopricewithimages img {
            cursor: pointer;
    }
    #productinfopricewithoutimages {
            width:100%;
    }
    #productinfopricewithoutimages img {
            cursor: pointer;
    }
     
    Bruß
    Gillybob

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    CSS-Klasse für Sonderpreisanzeige
    Antwort #12 am: 28. April 2010, 21:13:48
    Dann fehlt euch aber "cursor: pointer;" für den Druckbutton auf der Detail-Seite. :-PP

    Also bitte noch um folgendes erweitern:

    Code: CSS  [Auswählen]
    #productinfoprice img {
            cursor:pointer;
    }
     
    Ich habe das dank eurer Hinweise in r887 gefixt.

    Grüße

    Torsten

    6 Antworten
    4743 Aufrufe
    20. Februar 2015, 14:28:29 von webald
    24 Antworten
    13841 Aufrufe
    05. Januar 2012, 19:52:14 von noRiddle (revilonetz)
    7 Antworten
    3554 Aufrufe
    22. April 2010, 20:22:49 von marcel-k
    1 Antworten
    1915 Aufrufe
    08. Juni 2010, 20:12:47 von guensi