Payment Methods

Overview

This is a fully-responsive module that includes common UI components for adding and selecting a payment method.

Structure

  • When this module is added to a page, it is placed within a group called Group page860Group . This group contains the responsive settings for all modules.
  • This module Group paymentMethods contains three main groups:
    • Group Header contains the title text and a hidden description text
    • Group Collapsible content - payments contains four components
      • Group selected payment is used to display the selected payment method. Clicking on the CHANGE button will toggle Group enter payment.
      • Group enter payment includes a form that will allow you to enter a new payment method. Clicking the SAVE button or CANCEL button will hide this form group.
      • Group Buttons contains a BACK and NEXT button
      • Group PLACEHOLDER - If you add more elements to the group, please resize this group and ensure it is not overlapping with any other elements.
    • Group MAIN PLACEHOLDER - Please resize this group if you add more elements to the group

How to set up

  • Update all text elements in the module.
  • Add workflows to Button CHANGE, Button SAVE, Button CANCEL, Button NEXT, and Button BACK.