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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.