Checkout: Zahlarten untereinander statt nebeneinander

[MathMu]

Hallo liebes Forum,

 

gerne würde ich die Zahlarten auf der letzten Checkout-Seite untereinander statt nebeneinander anordnen (siehe Screenshots im Anhang). Somit wäre auch das Problem der unschönen mobilen Ansicht behoben (siehe Screenshot im Anhang).

 

Leider konnte ich bisher keine Lösung finden und hoffe nun hier auf einen Lösungsansatz. Es muss wohl die "order-payment-advanced.tpl" in diesem Bereich angepasst bzw. erweitert werden:

<p class="payment_module pointer-box">
                            <a class="payment_module_adv">
                                <img class="payment_option_logo" src="{$paymentOption->getLogo()}"/>
                                <span class="payment_option_cta">
                                    {$paymentOption->getCallToActionText()}
                                </span>
                                <span class="pull-right payment_option_selected">
                                    <i class="icon-check"></i>
                                </span>
                            </a>

                        </p>

Würde mich über eure Hilfe freuen. Vielen Dank.

 

Beste Grüße

Mathias

 

Prestashop-Version 1.6.1.4, unverändertes Standard-Theme "default-bootstrap"

Edited April 1, 2016 by MathMu (see edit history)

[MathMu]

Konnte nun doch selbst eine recht stabile Lösung finden: 

 

 

in der order-payment-advanced.tpl die class anpassen ("col 12") sowie in der global.css den linken Abstand zu den Logos bzw. Bezeichnungen der Zahlarten verringern (p.payment_module a -> padding anpassen)

[Kornblume]

Kann es sein, dass im StandardTemplate diese Mobilansicht nocht immer nicht behoben ist?

 

Also, bei mir tritt das gleich Problem auf: PS 1.6.15

[Claudiocool]

Die sieht im Original in beiden Ansichten nicht so super aus, vor allem muss man auch nach der Anpassung der optik aufpassen, dass die Texte nicht zu lang sind (hier könnte man auch was machen, aber dann nimmt es speziell in der mobilen Ansicht zuviel Platz weg.

[Kornblume]

Wäre schön, wenn es dafür eine Lösung geben würde.