Preis ein Stück nach oben schieben zu den Bewertungssternen (Kachelansicht)

Thema wurde von diana_kleczka, 3. April 2018 erstellt.

  1. diana_kleczka
    diana_kleczka Erfahrener Benutzer
    Registriert seit:
    24. Januar 2018
    Beiträge:
    272
    Danke erhalten:
    29
    Danke vergeben:
    76
    Hallo zusammen,

    gibt es eine Möglichkeit den Preis in der Kachelansicht ein Stück weiter nach oben in Richtung Bewertungsterne zu schieben. Wenn ja in welcher Datei bzw. welches CSS benötige ich dazu? Kann man auch die Lieferzeit dann nach oben verrücken? Vielen Dank im Voraus!
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Davon ist abzuraten, falls du mal Sonderangebote machst, dann brauchst du den Platz dazwischen.
     
  3. diana_kleczka
    diana_kleczka Erfahrener Benutzer
    Registriert seit:
    24. Januar 2018
    Beiträge:
    272
    Danke erhalten:
    29
    Danke vergeben:
    76
    Könnte man dann zumindest die Lieferzeit nach oben rücken? Vielen Dank im Voraus.
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Das müsste dieser Code sein:
    Code:
    .product-container.flyover .shipping.hidden-grid {
        bottom: 30px;
    }
    Tipp: lege dir zum Testen ein Sonderangebot an, dann siehst Du, wie viel Platz das braucht und kannst entsprechend Stylen.
    Vorsicht: die Anzeige auf der Startseite und unter /specials.php kann sich von der Anzeige in den Kategorien deutlich unterscheiden. (ist zumindest bei mir im Shop so :))
    Deshalb sollte man sich immer alle möglichen Seiten ansehen, wenn man etwas an den Kacheln ändert.
     
  5. diana_kleczka
    diana_kleczka Erfahrener Benutzer
    Registriert seit:
    24. Januar 2018
    Beiträge:
    272
    Danke erhalten:
    29
    Danke vergeben:
    76
    Probiere ich aus. Vielen Dank erstmal Barbara
     
  6. diana_kleczka
    diana_kleczka Erfahrener Benutzer
    Registriert seit:
    24. Januar 2018
    Beiträge:
    272
    Danke erhalten:
    29
    Danke vergeben:
    76
    Hallo Barbara habe es eben ausprobiert. Leider ändert sich da nichts. Habe es als eigenes CSS eingefügt und auch Cache geleert.

    Das wäre wirklich super wenn man das irgendwie hinbekommen könnte die Lieferzeit etwas weiter nach oben zu verschieben, da dann die Kacheln etwas kleiner wären.
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    hast Du die px geändert?

    Die Lieferzeit orientiert sich am Boden, wenn die Kachel kleiner wird, müsste die Anzeige automatisch hoch rutschen.
     
  8. diana_kleczka
    diana_kleczka Erfahrener Benutzer
    Registriert seit:
    24. Januar 2018
    Beiträge:
    272
    Danke erhalten:
    29
    Danke vergeben:
    76
    Ich kann da keinen Größenunterschied erkennen.
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Wenn Du die Box kleiner machst?

    Der Code oben (mit den 30px) ist der Grundcode, der regelt, dass die Anzeige immer 30px über dem Boden der Kachel liegt.
    Ist die Kachel nur 60px hoch, wäre die Anzeige quasi in der Mitte,
    Wenn Du die Kachel kleiner machen möchtest, solltest Du das zu erst machen und erst danach die Anzeige anpassen.
    sonst hast Du die Lieferzeit nachher im Preis stehen.
     
  10. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Das funktioniert in einer 3.9 aber nicht mehr, weil da die Position anders festgelegt wird. Gerade die absolute Positionierung von Elementen in der Kachel war ein Grund die zu überarbeiten, weil die in verscheidenen Browsern Probleme verursacht hat