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: Spalten Ansicht auf DIV Basis

    koshiro

    • Fördermitglied
    • Beiträge: 2.297
    Spalten Ansicht auf DIV Basis
    am: 18. September 2010, 16:30:34
    Hallo,
    ich versuche mir meine 2 Spalten Ansicht auf DIV Basis zu formatieren, was auch soweit alles ganz gut geklappt hat, bis auf das mit den Schriftgrößen und Farben.
    Wie bekomme ich es hin das er auf die Original Schriftgröße und Farbe zugreift, so wie es ist wenn ich die Spalten Ansicht mit den Tabellen verwende.
    Mal als Beispiel was ich meine, in Moment ist es so, das er mir bei den Div Spalten alles in Grau macht, weil ich das so erstmal gemacht hatte, auch wenn ich zum Beispiel ein Sonderangebot habe, da ist ja eigentlich so, das der Alte Preis durchgestrichen ist, und in Rot, und genau das bekomme ich nicht hin das die Original Schriften aus der Stylesheet geerbt werden.
    Hier mal meine Ansätze:
    product_listing_v1.html

    Code: PHP  [Auswählen]
    {config_load file="$language/lang_$language.conf" section="index"}
    <h1>{$CATEGORIES_NAME}</h1>
    {if $CATEGORIES_DESCRIPTION}
    <p>{$CATEGORIES_DESCRIPTION}</p>
    <div class="hrproductpreview"></div>
    {/if}
    {if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}
    <div align="center">
    {foreach name=aussen item=module_data from=$module_content}

       {php} $col++;
      {/php}

      <div class="listingbox">
      <div class="listing" align="center"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></div>
      <div class="listing_body">
      <div class="listing_img">{if $module_data.PRODUCTS_IMAGE}
        <a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>
      {/if}</div>
      <div class="listing_price"><span class="price"><b>{$module_data.PRODUCTS_PRICE}</b></span><br />
        ({$module_data.PRODUCTS_TAX_INFO}<br />{$module_data.PRODUCTS_SHIPPING_LINK})</div>
        </div>
        <div class="listing_bottom"><a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}buttons/german/button_product_more.gif"  alt=""/></a></div>
    </div>

    {php}
      if ($col>=2) {
      $col=0;
      echo '';
      }
      {/php}
    {/foreach}
    </div>
    {$NAVIGATION}
    Der Teil in meiner Stylesheet:

    Code: CSS  [Auswählen]
    .listingbox {
      width:258px;
      padding: 0;
      border: 1px solid #000000;
      float: left;
      margin: 2px;
      background: #FFFFFF;
    }

    .listing  {margin:2px;font-size:12px; padding: 7px 0 0 0;background-image: url(img/bg_boxheader.png);background-repeat:repeat-x;height:23px; color: #000000; font-weight:bold;}
    .listing a {color: #ffffff;}
    .listing a:visited {color:#ffffff}
    .listing a:hover,a:active {color:#ffffff}
    .price  {font-size:16px;font-weight:bold;padding:0;margin:0;color:#6F6F6F}

    .listing_body {
      width:258px;
      min-height:200px;
      height:200px;
      border-top: 2px solid #000000;
      border-bottom: 2px solid #000000;
      float: left;
      background: #FFFFFF;
      background-image:url(img/ornament.png);background-repeat:no-repeat;
      background-position:bottom right;
    }

    .listing_img {
      padding: 10px 5px 5px 5px;
      float: left;
      width:115px;
      height:180px;
    }

    .listing_price {
      width:120px;
      padding: 10px 5px 0 5px;
      float: right;
      font-size:11px;font-weight:normal;color:#999;
      text-align:right;
    }

    .listing_price a{
      font-size:11px;font-weight:bold;color:#999;text-decoration:underline;outline:none;
    }

    .listing_bottom {
      float:left;
      width:258px;
      text-align:center;
      padding: 3px 0 1px 0;
      background-color: #fef8e0;
      height:26px;
    }
    Eventuell habe ich ja auch nur eine falsche Denkweise. Für Hilfe und Vorschläge wäre ich sehr dankbar.
    Gruß
    Micha



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

    franky_n

    • Experte
    • Beiträge: 4.950
    Spalten Ansicht auf DIV Basis
    Antwort #1 am: 18. September 2010, 19:54:34
    Hallo koschiro,

    ich denke das Dein Beispiel so wie es oben steht nicht klappt.
    Die <div> Boxen werden bei Dir nur aneinander gereiht.
    Nirgendwo steht wieviel Boxen nebeneinander erscheinen sollen.
    Ich denke da Du die Breite der div Boxen fest eingestellt hast ist es mehr Glück das die nebeneinander sind...

    Das mit dem durchgestrichenen wird eh nicht im Template gemacht sondern ist im Platzhalter {$module_data.PRODUCTS_PRICE} fest eingebaut.

    Sorry für meine Kritik, aber Du wolltest ja eine Meinung! ;)

    Viele Grüße

    Franky

    koshiro

    • Fördermitglied
    • Beiträge: 2.297
    Spalten Ansicht auf DIV Basis
    Antwort #2 am: 18. September 2010, 19:58:56
    Hallo Franky,
    na klar steht da wie viele Boxen nebeneinander stehen sollen, dafür ist das Col 2 zuständig.
    Die Boxen selber sind schon sauber Formatiert, mir geht es nur um die Schrift.
    Was meine Boxen angeht da ist alles schick und absolut sauber (Valide) Programmiert.
    Gruß
    Micha

    franky_n

    • Experte
    • Beiträge: 4.950
    Spalten Ansicht auf DIV Basis
    Antwort #3 am: 18. September 2010, 20:08:58
    Hallo koshiro,

    das $col>=2 macht nur ein leeres Zeichen, also gar keins! ;)
    Das sähe dann so aus:

    Code: PHP  [Auswählen]
    <div></div><div></div><div></div>
    Und siehst Du den 2ten Durchgang?
    Nach dem 2ten <div> war übrigens das echo was nix ausgibt.

    Du hast wohl die Seitenbreite fest und die Boxen fest und darum bricht er die um in die nächste Zeile weil nicht mehr wie 2 Boxen passen.
    Aber das war ja auch nicht Deine Frage... ;)

    Du könntest einfach in der CSS die Sachen aus dem Original übernehmen, alles was hinter den <td> und <table> Tags an stylesheet steht übernehmen in die div id's die Du ja vergeben hast.

    Viele Grüße

    Franky

    koshiro

    • Fördermitglied
    • Beiträge: 2.297
    Spalten Ansicht auf DIV Basis
    Antwort #4 am: 18. September 2010, 20:18:34
    Hallo Franky,
    das verstehe ich schon soweit, aber es muss doch machbar sein, dass er die normalen Schriften und Farben verwendet wie es auch passiert bei den Spalten auf TD Basis, und da liegt einfach mein Problem wo ich nicht weis, wo ich genau ansetzen muss.
    Mal als Beispiel für dich hier zu sehen Link dort ist es bei uns in Moment auf TD Basis, und genau so habe ich es auf Div Basis nachgebaut, nur das mit den Schriften und Farben bekomme ich es so nicht hin.
    Gruß
    Micha

    franky_n

    • Experte
    • Beiträge: 4.950
    Spalten Ansicht auf DIV Basis
    Antwort #5 am: 18. September 2010, 20:36:40
    Hallo koshiro,

    so hier mal formatiert als Quelltext eines Produkts mit td.
    Jetzt sieht man durch die Einrückung welche css "class" und anderen Angaben in <tables> und <td>s für was zuständig ist...

    Code: PHP  [Auswählen]
    <table style="border: 1px solid rgb(64, 48, 30);" border="0" cellpadding="1" cellspacing="1" width="100%">
      <tbody>
        <tr>
          <td style="background-image: url("templates/xtc5/img/bg_boxheader.png");" align="center" width="260" height="28">
            <div class="boxlisting"><strong><a href="http://www.deinedomain.de/Sonderangebote/Wol-Bar-Marinera-String-Weiss-Gr-M::3162.html">Wol-Bar Marinera String Weiß Gr.M</a></strong></div>
          </td>
        </tr>
      </tbody>
    </table>
    <table style="border: 1px solid rgb(64, 48, 30);">
      <tbody>
        <tr>
          <td style="padding-right: 0px;" bgcolor="#ffffff" valign="middle" height="190">
            <a href="http://www.deinedomain.de/Sonderangebote/Wol-Bar-Marinera-String-Weiss-Gr-M::3162.html">
              <img src="images/product_images/thumbnail_images/3162_0.jpg" alt="Wol-Bar Marinera String Weiß Gr.M">
            </a>
          </td>
          <td class="productPreviewContent" style="background-image: url("templates/xtc5/img/ornament.png"); background-position: right bottom; background-repeat: no-repeat;" height="70">
            <p class="price" align="right"><span class="productOldPrice"><small>Statt </small><del> 9,50 EUR</del></span><br> Nur  8,07 EUR<br><small>Sie sparen 15 % / 1,43 EUR</small></p>
            <p class="taxandshippinginfo" align="right">(inkl. 19 % MwSt. zzgl. <a target="_blank" href="http://www.deinedomain.de/popup_content.php?coID=1&KeepThis=true&TB_iframe=true&height=400&width=600" title="Information" class="thickbox">Versandkosten</a>)</p>
            <p class="shippingtime"></p>
          </td>
        </tr>
      </tbody>
    </table>
    So müsstest Du Dir die Formatierungen raussuchen können oder?

    Viele Grüße

    Franky

    koshiro

    • Fördermitglied
    • Beiträge: 2.297
    Spalten Ansicht auf DIV Basis
    Antwort #6 am: 20. September 2010, 09:56:36
    Hallo Franky,
    ja das habe ich schon versucht, das ich einfach die Class für Price und product old Price zu übernehmen, aber macht mir daann alles nur in grau und ganz klein. In Moment finde ich einfach noch nicht so recht wo mein fehler liegt, warum er nicht die Schriften und Farben aus der Style übernimmt.
    Gruß
    Micha

    franky_n

    • Experte
    • Beiträge: 4.950
    Spalten Ansicht auf DIV Basis
    Antwort #7 am: 20. September 2010, 13:57:28
    Hallo koshiro,

    wenn Du nun weißt welche Klassen es sind, schau mal in die stylesheet.css.
    Füge doch dort mal das ein:

    Code: CSS  [Auswählen]
    div .productOldPrice {
        font-size: 11px;
        color: #FF0000;
    }
     
    oder das:

    Code: CSS  [Auswählen]
    div .price {
        font-size: 11px;
        color: #FFFFFF;
    }
     
    Viele Grüße

    Franky

    5 Antworten
    3269 Aufrufe
    05. Dezember 2009, 17:29:50 von Tomcraft
    13 Antworten
    5953 Aufrufe
    12. August 2010, 07:52:12 von DJ-Ready
    67 Antworten
    24414 Aufrufe
    10. November 2010, 21:07:58 von Tomcraft
    3 Antworten
    3076 Aufrufe
    18. Oktober 2011, 16:49:24 von Katana
               
    anything