Page Comparison

...

Step 4: Move section Shipping & Billing form and CreditCard button into wrap box (Address GUID Wrap) inside widget Button One Click CreditCard

...

Adjust Layout (disabled MID):

...

Step 3: Add class ‘expand-element’ which will be shown in case disabled MID and add class 'address-guid-wrap' which will be hide case disabled MID

Classes:

• ‘payment-guid-wrap’: showing when switching to checkout with creditcard or in case disabled MID

• ‘address-guid-wrap’:

  • hiding in case disabled MID

  • showing when switching to checkout with creditcard

• ‘expand-element’:

  • showing in case disabled MID

  • hiding when switching to checkout with creditcard.