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: inProduct Details Text neben h1 ???

    Dato

    • Mitglied
    • Beiträge: 214
    inProduct Details Text neben h1 ???
    am: 22. Dezember 2012, 16:40:35
    Hallo,
    in der Aktuellen Shop Version 1.06 beta 4 der Datei product_info_tabs_v1.html
    steht folgendes
    Code: PHP  [Auswählen]
    {$FORM_ACTION}
    <h1>{$PRODUCTS_NAME}</h1>
    <div id="productinfowrap">

    wenn ich jetzt noch einen Text rechts daneben haben möchte, wie mach ich das denn mit CSS ?

    Besipiel
    Code: PHP  [Auswählen]
    {$FORM_ACTION}
    <h1>{$PRODUCTS_NAME} text kleiner und soll rechts stehen wo $PRODUCTS_NAME aufhört</h1>

    <div id="productinfowrap">


    Linkback: https://www.modified-shop.org/forum/index.php?topic=23837.0
    Werbung / Banner buchen

    Gradler

    • Viel Schreiber
    • Beiträge: 2.083
    • Geschlecht:
    Re: inProduct Details Text neben h1 ???
    Antwort #1 am: 22. Dezember 2012, 17:35:48
    Wie wäre es mit </h1> danach <span class="KLEINERoderSO">hier der Text blablabla</span>
    Und in den sylesheets dann die entsprechenden Angaben

    Gerd

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 14.022
    • Geschlecht:
    Re: inProduct Details Text neben h1 ???
    Antwort #2 am: 22. Dezember 2012, 17:44:10
    Hallo Dato.
    Gradler hat in gewisser Weise eine Möglichkeit genannt.

    Da wir dein Template nicht kennen, ist es nicht so leicht sich vorzustellen was du genau erreichen möchtest.
    Ein h1-Element ist ein Block-Element und dehnt sich somit über die ganze zur Verfügung stehende Breite aus.
    Am besten kann man Blockelemente nebeneinander darstellen mit float.
    Du müsstest also sowas in der Art machen:
    Code: XML  [Auswählen]
    {$FORM_ACTION}
        <h1 class="links">{$PRODUCTS_NAME}</h1><p class="rechts">DEIN_KLEINER_TEXT</p>
        <div id="productinfowrap">
            <!--INHALT-->
        </div>
    {$FORM_END}
    Code: CSS  [Auswählen]
    .links {float:left;}
    .rechts {float:left;} /*oder float:right;*/

    Da zumindest die h1-Elemente ja aufgrund diverser Produktnamen unterschiedliche Breiten haben dürften, ist es evtl. nicht so einfach das ganze so darzustellen wie du möchtest.
    Entweder mußt du die Breite des h1 mit einer fixen solchen begrenzen, was evtl. Textumbrüche im Produktnamen zurfolge hat
    oder du schreibst deinen Text unter das h1 aber eben kleiner (z.B. mit einem br und einem span innerhalb des h1).

    Willst du das ganze dynamisch machen, müsstest du folgende Datei bearbeiten:
    /includes/modules/product_info.php.
    Dort wird der Smarty-Platzhalter {$PRODUCTS_NAME} definiert.
    Willst du für den kleinen Text ein Eingabe-Feld in der artikelbearbeitung haben, wird die Anpassung allerdings etwas umfangreicher, da dann die DB, die /admin/includes/modules/categories_view.php und evtl. noch andere Dateien angepasst werden müssten.
    Dabei stellt sich die Frage, ob der kleine Text Teil des Produktnamens sein soll oder nicht.

    Gruß,
    noRiddle

    Dato

    • Mitglied
    • Beiträge: 214
    Re: inProduct Details Text neben h1 ???
    Antwort #3 am: 22. Dezember 2012, 18:10:48
    och doch so komplieziert ...

    im Prinzip sollte es so aussehen wie auf dem Screenshot.

    unter dem Grünen kommt dann das Artikelbild und der andere Kram.

    bias jetzt ist es noch das XTC5 Template im Standart.

    Die Kurzbeschreibung habe ich mit
    Code: PHP  [Auswählen]
    {$PRODUCTS_SHORT_DESCRIPTION}
    rein bekommen.

    Ich dachte mir es müßte doch so in der Art funktionieren
    Code: PHP  [Auswählen]
    <div><h1>{$PRODUCTS_NAME}</h1><span class="normal">{$PRODUCTS_SHORT_DESCRIPTION}</span></div>
    Nur das mit dem CSS weis ich nicht :/

    Modulfux

    • Experte
    • Beiträge: 3.590
    • Geschlecht:
    Re: inProduct Details Text neben h1 ???
    Antwort #4 am: 22. Dezember 2012, 18:20:09
    Die <h1> muss dann auch noch ein display:inline; mitbekommen, weil <h1> ein Blockelement ist.

    Gruß
    Ronny
    0 Antworten
    1730 Aufrufe
    23. September 2012, 12:35:09 von Gradler
    4 Antworten
    2619 Aufrufe
    06. Juli 2017, 13:57:45 von Timm
    5 Antworten
    3845 Aufrufe
    30. Januar 2013, 13:31:05 von jannemann
               
    anything