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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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/