gelöst Wie bekomme ich das Layout geändert?

Thema wurde von Anonymous, 28. November 2017 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    30. Oktober 2015
    Beiträge:
    2.349
    Danke erhalten:
    573
    Danke vergeben:
    506
    Im Checkout / Payment sieht es derzeit so bei mir (v.3.4.0.0) aus.

    upload_2017-11-28_21-44-57.png

    Im Testshop 1 (v.3.6.0.0) sieht es so (besser) aus.

    upload_2017-11-28_21-46-6.png

    Ich finde weder in der checkout_payment.html noch der checkout_payment.php was zur optischen Darstellung.

    Weiß jemand von euch, wie ich die Optik angepasst bekomme?
     
  2. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Das ist Aufgrund des Gutscheinsystems leider echt nicht einfach. Das ist so alt, dass es da kein echtes Template für gibt.

    Das HTML dafür wird in der includes/classes/order_total.php generiert und ausgegeben.

    Zusätzlich muss dann noch Styling eingebunden und eine zusätzliche Abfrage in der includes/modules/order_total/ot_gv.php gemacht werden.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    30. Oktober 2015
    Beiträge:
    2.349
    Danke erhalten:
    573
    Danke vergeben:
    506
    So.

    Zuerst Sicherung der Dateien "includes/classes/order_total.php" und "includes/modules/order_total/ot_gv.php" machen.
    Dann die vorhandenen Dateien "includes/classes/order_total.php" und "includes/modules/order_total/ot_gv.php" aus meiner v.3.4.0.0 mit denen aus der v.3.6.0.2 ersetzt.

    Dann wurde noch im StyleEdit "eigenes CSS" hinzugefügt.

    Code:
    body.page-checkout-payment {
        fieldset {
            &.credit {
                @media (min-width: $screen-sm-min) {
                    margin-left: -30px;
                }
                margin-top: 30px;
              
                .gv-value {
                    border:        1px solid $gx-list-group-item-border-color;
                    color:         $gx-list-group-item-color;
                    margin-bottom: floor($grid-gutter-width / 2);
                    padding:       5px floor($grid-gutter-width / 2) floor($grid-gutter-width / 2);
                  
                    @include background($gx-list-group-item-bg,
                                        $gx-list-group-item-bg-image-url,
                                        $gx-list-group-item-bg-image-position,
                                        $gx-list-group-item-bg-image-repeat,
                                        $gx-list-group-item-bg-image-size,
                                        $gx-list-group-item-bg-image-attachment);
                  
                    @media (min-width: $screen-sm-min) {
                        margin-left: 30px;
                    }
                  
                    input {
                        top:         -15px;
                        margin-left: -21px;
                        position:    relative;
                        display:     inline-block;
                      
                        @media (min-width: $screen-sm-min) {
                            top: -10px;
                        }
                    }
                  
                    .gv-prompt {
                        margin-left: 7px;
                        position:    relative;
                    }
                  
                    &.active {
                        border: 1px solid $gx-list-group-item-border-color-active;
                        color:  $gx-list-group-item-color-active;
                      
                        @include background($gx-list-group-item-bg-active,
                                                $gx-list-group-item-bg-active-image-url,
                                                $gx-list-group-item-bg-active-image-position,
                                                $gx-list-group-item-bg-active-image-repeat,
                                                $gx-list-group-item-bg-active-image-size,
                                                $gx-list-group-item-bg-active-image-attachment);
                    }
                }
            }
        }
    }
    Und flups ... es funktioniert.

    Da man sich nicht mit fremden Federn schmückt, muss ich an dieser Stelle zugeben, dass nahezu (eigentlich) alles auf Torben's "Mist" gewachsen ist. :D

    upload_2017-11-29_15-24-26.png

    Wer es in seinem Shop einfügen möchte, dann bitte auf eigene Gefahr.
     
  4. I.B.

    I.B. Erfahrener Benutzer

    Registriert seit:
    23. August 2017
    Beiträge:
    119
    Danke erhalten:
    3
    Danke vergeben:
    17
    Wie bekommt man denn das Layout der Zahlunsweisen im Testshop 1 in den eigenen Shop?
    Bildschirmfoto 2019-04-26 um 11.25.31.png
     
  5. 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 Standard, solange man nicht PayPal+ aktiviert hat.
     
  6. I.B.

    I.B. Erfahrener Benutzer

    Registriert seit:
    23. August 2017
    Beiträge:
    119
    Danke erhalten:
    3
    Danke vergeben:
    17
    Hm, versteh ich ehrlich gesagt nicht so ganz. Wenn es standart ist, sollte es doch generell so aussehen. Auch wenn man Paypal Plus aktiviert hat. Ist doch ein viel übersichtlicheres Layout.
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Paypal will das für Plus aber so haben. Und damit das nicht wie Kraut und Rüben aussieht (PayPal so und alles andere anders), wurde das angepasst.
    Ich habe hier mal den direkten Vergleich aus meinem Testshop:
    einmal mit PP+:
    Unbenannt.PNG

    und einmal wenn PP im Klassik-Moduls läuft:
    Unbenannt-1.PNG
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    30. Oktober 2015
    Beiträge:
    2.349
    Danke erhalten:
    573
    Danke vergeben:
    506
    Teile dem Forum doch mal mit, welche Shopversion du einsetzt.
     
  9. I.B.

    I.B. Erfahrener Benutzer

    Registriert seit:
    23. August 2017
    Beiträge:
    119
    Danke erhalten:
    3
    Danke vergeben:
    17
    Die neuste Version v3.12.0.4

    Mir wurde vom Gambio Support geschrieben, dass ich einen Programmierer beauftragen muss wenn ich das so haben will..

    Na hoffentlich meckert dann anschließend Paypal nicht

    https://www.beausoleiljewelry.de/de/