Grösse der Kachel auf der Startseite ändern

Thema wurde von Anonymous, 8. August 2024 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Mai 2022
    Beiträge:
    49
    Danke erhalten:
    1
    Danke vergeben:
    16
    Hallo Zusammen

    Ich würde gerne die Grösse der Kacheln auf der Startseite in der Höhe etwas reduzieren. Dabei würde ich gerne die Zwischenräume zwischen Artikelname und Preis, sowie zwischen Preis und Rand verringern. Siehe rote Kreise im Bild.

    Mit dem SyleEdit kann ich dies zwar ändern, wird aber nur in der Kategorieansicht wirksam. Bei mir müsste es nur auf der Startseite wirken, nicht in der Kategorieansicht...

    upload_2024-8-8_15-40-57.png
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.474
    Danke erhalten:
    11.263
    Danke vergeben:
    1.607
    Bist Du Dir sicher, dass Du niemals Sonderangebote haben wirst?
    Bei Sonderangeboten brauchst Du den Platz unter dem Preis eventuell, dass solltest Du mindestens bei einem Artikel testen.

    Und hast Du wirklich einen GX2-Shop? oder doch eher einen GX4?
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Mai 2022
    Beiträge:
    49
    Danke erhalten:
    1
    Danke vergeben:
    16
    Autsch - nein natürlich habe ich einen GX4. Habe im Forum einen ähnlichen Thread zu Kacheln gefunden und in diesem Forum gepostet - leider habe ich übersehen, dass es das GX2 Forum ist... Wenn möglich könnte man das verschieben.

    Sonderangebote:
    Habe ich drin, dort steht im Preis statt dem normalen Preis "Nur xx.xx CHF". Braucht nicht mehr Platz.
    Siehe Startseite unten / oder in den Sales:
    https://www.trainsimulator.ch/de/
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.474
    Danke erhalten:
    11.263
    Danke vergeben:
    1.607
    #4 barbara, 8. August 2024
    Zuletzt bearbeitet: 8. August 2024
    Als Kunde würde ich mich wundern, wenn bei einigen Artikeln ein "Nur" vor dem Preis steht und bei anderen nicht.
    Ein Sondernagebot würde ich da nicht mit in Verbindung bringen, so ohne ursprünglichen Preis.
    Das muss aber jeder für sich entscheiden :)

    Welche Werte stehen bei Dir im Style Editor unter
    Bereiche -> Produkte -> Produktliste
    Höhe des Produktnamens in der Kachel
    und
    Höhe des Preises in der Kachel
    ?

    Habe das Thema verschoben.

    Nachtrag:
    Denke daran, dass wenn man mit der Maus über die Kachel geht, der Titel zum Teil 2-Zeilig wird.
    Jetzt bleibt der Preis stehen und nur der Titel ändert sich.
    Wenn der Bereich aber z.B. von 90px auf 40px reduziert wird, rutscht der Preis runter.
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Mai 2022
    Beiträge:
    49
    Danke erhalten:
    1
    Danke vergeben:
    16
    Habe beim NUR Preis nichts geändert, nur die Sonderangebote angelegt. Gibt es da Varianten zur Anzeige dazu?

    Die Werte aus dem StyleEditor siehe unten. Das mit dem Ändern des Titels stimmt schon. Aber ich möchte die Grössenänderungen ja nur auf der Startseite. Irgendwie sind das ja zwei verschiedene Paar Schuhe (Kacheln auf der Startseite und in den Kategorien) - denn, die Änderungen im StyleEditor wirken sich ja nur auf die Kacheln in der Kategorie aus, nicht auf der Startseite.

    upload_2024-8-8_18-22-31.png
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.474
    Danke erhalten:
    11.263
    Danke vergeben:
    1.607
    Im Admiin unter Einstellungen -> Artikel / Kategorien -> Produkte
    upload_2024-8-8_22-32-32.png

    da kann man einstellen, ob man den alten Preis anzeigen lassen möchte.

    Versuche mal
    Code:
    body.page-index .productlist-viewmode-grid .product-container .product-tile .title-description{
        height: 50px;
    }
    für den Abstand unter dem Titel
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Mai 2022
    Beiträge:
    49
    Danke erhalten:
    1
    Danke vergeben:
    16
    Hallo barbara

    Danke erstmals für den Code. Das "UVP" habe ich ebenfalls eingefügt und in statt umgeändert. Passt.

    Noch wären aber zwei Sachen: Ist es möglich den Bereich unterhalb des Preises anzupassen? Ich habe versucht Deinen Code anzupassen, habe es aber nicht geschafft.

    Das andere: Ich habe unter den Sale und NEU Artikeln noch manuell weitere eingefügt. Dies via StyleEdit -> Content -> Produkt (nicht Produktliste). Dort wird die Änderung nicht angenommen... Kann man das ebenfalls noch anpassen?

    Vielen herzlichen Dank für Deine Bemühungen!
    Gruss Michael
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.474
    Danke erhalten:
    11.263
    Danke vergeben:
    1.607
    Versuche das mal:
    Code:
    body.page-index .productlist-swiper .product-container .product-tile .title-description{
        height: 50px;
    }
    
    body.page-index .productlist-swiper .product-container{
        height: 270px;
    }
    Schau Dir Deine Seite mal bitte Mobil an.
    Zumindest in "Element Untersuchen" sieht das nicht gut aus.
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Mai 2022
    Beiträge:
    49
    Danke erhalten:
    1
    Danke vergeben:
    16
    Danke nochmals, nun passt alles!

    Ich habe meine Seite mit dem Tablet und Smartphone angesehen. Ich weiss schon das ich da viel ändern muss. Meine Klientel besucht meinen Shop fast ausschliesslich per PC. Da ich nur Downloadartikel für ein PC Game habe, ist das naheliegend. Ich habe deswegen die Optimierung für Mobile Ansichten in den Hintergrund gestellt. Ist aber auch auf der Liste der Anpassungen, welche im Shop vorhabe - jedoch in der Priorität relativ hinten. Aber danke für den Hinweis.

    Gruss und ein schönes Wochenende
    Michael
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Mai 2022
    Beiträge:
    49
    Danke erhalten:
    1
    Danke vergeben:
    16
    Muss mich leider doch nochmals melden. Nun stimmen die Einträge auf der Herstellerseiten nicht mehr.
    https://www.trainsimulator.ch/de/?manufacturers_id=1

    Auf diesen Seiten wurde die Kachelgrösse von derer der Startseite übernommen, tragen aber wie in den Kategorien die manuell eingefügten Zusatzfelder in der Kachel. So ist die Kachel dann zu klein. Ist es möglich, diese Kacheln auch noch manuell anzupassen? Habe mit dem StyleEdit probiert die CSS anzusprechen. Bringe es nicht hin, habe wohl das falsche Script-Schnippsel erwischt.

    upload_2024-8-10_16-39-5.png
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Mai 2022
    Beiträge:
    49
    Danke erhalten:
    1
    Danke vergeben:
    16
    Ich pushe eigentlich nicht gerne Threads, aber ich wäre froh wenn ich dies noch ändern könnte.

    @barbara
    Gibt es eine Möglichkeit die Kacheln in der Manufacturers Seite anzusteuern?

    Eine Notlösung hätte ich in dem, dass ich die Links zu den Herstellern so anpasse, dass die Liste angezeigt wird und nicht die Kachel...

    Gruss Michael
     
  12. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.105
    Danke erhalten:
    971
    Danke vergeben:
    343
    Ergänze mal bitte in Barbaras Codes
    Code:
    body.page-index
    so:
    Code:
    body.page-index:not(.page-index-type-manufacturers_id)
    Damit sollten sie nicht mehr für die Herstellerseiten greifen. Falls Du die Höhe in letzteren separat festlegen möchtest, kannst Du die entsprechenden Selektoren mit
    Code:
    body.page-index.page-index-type-manufacturers_id
    am Anfang verwenden. Wobei Du Dir dann eigentlich den 1. Schritt sparen könntest :)
     
  13. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    13. Mai 2022
    Beiträge:
    49
    Danke erhalten:
    1
    Danke vergeben:
    16
    Perfekt. Passt alles. Danke viemals.