Warenkorbbereich etwas nach unten verschieben

Thema wurde von andrea_oezlue, 4. Februar 2019 erstellt.

  1. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Bist du sicher, dass das in Deinem Shop auch so ist?
    Das scheint da anders zu sein.

    P.S. bitte keine Links mit offenem Style Editor posten. Dazu braucht man Admin-Rechte.
     
  3. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Ich habe den Shop Online gestellt und mich Ausgeloggt.

    Unbenannt1.png

    Trotzdem macht es den Fehler. :(
     
  4. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Und noch ein Fehler bei den Artikelmerkmalen

    Unbenannt.png
     
  5. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Den rot Eingerahmden Bereich werde ich gleich im StyleEdit mal ausprobieren.
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Zu Bild 2:
    da hast Du vermutlich eine Tabelle mit festen Größen im Text.

    Zu Bild 1:
    versuche mal bitte
    Code:
    @media (min-width: 992px){
    .product-info .product-info-details {
        top: 0px !important;
    }}
     
  7. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Hat geklappt Danke
    ---------

    Bei mir auf der Seite schaut etwas z.Zt. so aus, was mir natürlich optisch zum Vergleich Gambio Testshop 1. sehr gefällt.
    Kann man das nicht Responsive mäßig gestalten?

    Unbenannt.png
    Quellcode dazu
    Code:
    <table class="table table-striped table-features">
        <thead>
            <tr>
                <td><span style="font-size:18px;"><em><span style="font-family: georgia, serif;"><strong>Artikelmerkmale</strong></span></em></span></td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="width: 30%"><span style="font-family:georgia,serif;"><b><i>Zielgruppe</i></b></span></td>
                <td><span style="font-family:georgia,serif;">Damen</span></td>
                <td><span style="font-family:georgia,serif;"><b><i>Verschluss</i></b></span></td>
                <td><span style="font-family:georgia,serif;">ohne</span></td>
            </tr>
            <tr>
                <td><span style="font-family:georgia,serif;"><b><i>Art</i></b></span></td>
                <td><span style="font-family:georgia,serif;">Ringschmuck</span></td>
                <td><span style="font-family:georgia,serif;"><i><b>Schmuckstein</b></i></span></td>
                <td>Zirkonia</td>
            </tr>
            <tr>
                <td><span style="font-family:georgia,serif;"><b><i>Typ</i></b></span></td>
                <td><span style="font-family:georgia,serif;">Ring</span></td>
                <td><font face="georgia"><i><b>Oberfl&auml;che</b></i></font></td>
                <td><span style="font-family:georgia,serif;">Nickelfrei, glitzer</span></td>
            </tr>
            <tr>
                <td><span style="font-family:georgia,serif;"><b><i>Material</i></b></span></td>
                <td><span style="font-family:georgia,serif;">925er Sterling Silber</span></td>
                <td><font face="georgia"><i><b>Gr&ouml;&szlig;e</b></i></font></td>
                <td><span style="font-family:georgia,serif;">58 (18,5)</span></td>
            </tr>
            <tr>
                <td><span style="font-family:georgia,serif;"><b><i>Farbe</i></b></span></td>
                <td><span style="font-family:georgia,serif;"><i></i>Silber</span></td>
                <td><b><i><font face="georgia">Sonstiges</font></i></b></td>
                <td><span style="font-family:georgia,serif;"><i></i>Nickel frei</span></td>
            </tr>
        </tbody>
    </table>
    
    Danke
     
  8. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Obwohl ich vom Gambio Testshop1 d. Quellcode eins zu eins kopiere und bei mir einfüge
    Code:
    <table class="table table-striped table-features">
        <thead>
            <tr>
                <th colspan="2">Abmessungen</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>H&ouml;he</td>
                <td>42cm</td>
            </tr>
            <tr>
                <td>L&auml;nge</td>
                <td>107cm</td>
            </tr>
            <tr>
                <td>Breite</td>
                <td>13cm</td>
            </tr>
            <tr>
                <td>Tiefe</td>
                <td>66cm</td>
            </tr>
        </tbody>
    </table>
    
    <table class="table table-striped table-features">
        <thead>
            <tr>
                <th colspan="2">Energieverbrauch</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Energieeffizienzklasse:</td>
                <td>A+</td>
            </tr>
            <tr>
                <td>Leistungsaufnahme</td>
                <td>60 Watt</td>
            </tr>
        </tbody>
    </table>
    
    <table class="table table-striped table-features">
        <thead>
            <tr>
                <th colspan="2">Material</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Oberseite</td>
                <td>Aluminium (geb&uuml;rstet)</td>
            </tr>
            <tr>
                <td>Unterseite</td>
                <td>Kunststoff</td>
            </tr>
        </tbody>
    </table>
    
    <table class="table table-striped table-features">
        <thead>
            <tr>
                <th colspan="2">Garantie &amp; Gew&auml;hrleistung</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Garantie</td>
                <td>2 Jahre</td>
            </tr>
            <tr>
                <td>Gew&auml;hrleistung</td>
                <td>2 Jahre</td>
            </tr>
        </tbody>
    </table>
    Unbenannt4.PNG

    und bei mir schaut dies so aus

    Unbenannt1.PNG
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Da fehlt ein Style Element für die grünen haken.

    Ich habe gerade in Deinem Testshop geschaut
    (Link nur für registrierte Nutzer sichtbar.)
    die Tabelle passt sich einwandfrei an die Größe an.

    Ich würde die Preisbox mitscrollen lassen, die Hüpft da etwas merkwürdig.
     
  10. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Allerdings sind die Zeilen nicht untereinander :(
     
  11. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Dafür benötige ich doch irgendeinen CSS code oder?
     
  12. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Das ist ein Haken im Style Editor unter "Produkte"

    Hast Du denn später wirklich mehrere Tabellen untereinander?
     
  13. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Unbenannt.png

    Preisbox war schon so eingestellt.
    Trotzdem Tanzt der irgendwie HipHop bei mir.
    Bei Dir auf der Seite ist der Priesbox wesentlich stabiler.

    ---> Nicht, dass irgendein unnötiger CSS Code den beeinflußt?

    Unben1annt.PNG
    mehr wird es nicht sein.