Je souhaite déplacer le bouton de commande du paiement vers la barre latérale de la page de paiement.
N'importe qui peut me faire une suggestion?
Edit : Est-ce même possible (avec la réponse / approche fournie) ?
D'après mes recherches, chaque méthode de paiement a son propre modèle .html, y compris un propre bouton. Ce bouton n'est pas chargé à partir d'un modèle knockout.js. Par exemple, une partie du mode de paiement "gratuit":
<div class="checkout-agreements-block">
<!-- ko foreach: $parent.getRegion('before-place-order') -->
<!-- ko template: getTemplate() --><!-- /ko -->
<!--/ko-->
</div>
<div class="actions-toolbar">
<div class="primary">
<button class="action primary checkout"
type="submit"
data-bind="
click: placeOrder,
attr: {title: $t('Place Order')},
css: {disabled: !isPlaceOrderActionAllowed()}
">
<span data-bind="i18n: 'Place Order'"></span>
</button>
</div>
</div>
Alors que la méthode de paiement par "chèque / mandat" ressemble à ceci (seules les différences sont enable: (getCode() == isChecked())mais bon, il y a toujours des différences et il n'y a pas de "1 bouton de commande général tout-puissant"):
<div class="checkout-agreements-block">
<!-- ko foreach: $parent.getRegion('before-place-order') -->
<!-- ko template: getTemplate() --><!-- /ko -->
<!--/ko-->
</div>
<div class="actions-toolbar">
<div class="primary">
<button class="action primary checkout"
type="submit"
data-bind="
click: placeOrder,
attr: {title: $t('Place Order')},
css: {disabled: !isPlaceOrderActionAllowed()},
enable: (getCode() == isChecked())
"
disabled>
<span data-bind="i18n: 'Place Order'"></span>
</button>
</div>
</div>
La réponse fournie ne déplace que les agrégats, ce qui se traduit par quelque chose comme ceci:
