QuadPay Integration

Welcome! Integrating QuadPay into your online store is straightforward. Here you'll find comprehensive guides and documentation to support integrating QuadPay into your site as quickly as possible. Let's jump right in!


Integrate the Widget

Add Widget to PDP

To add the QuadPay Widget to the Product Details Page template, add the below code snippet under the product price. Example product view template file: design/frontend/rwd/default/template/catalog/product/view.phtml

<?php echo Mage::helper('mr_quadpay')->getProductWidgetHtml() ?>

Add Widget to Cart

To add the QuadPay Widget to the cart template, add the below code snippet under the cart total or subtotal. Example cart view template file:
For Example: design/frontend/rwd/default/template/checkout/cart.phtml

Note: The QuadPay Cart Widget is functional site wide and will calculate using the Cart totals regardless of what template it is added to.

<?php echo Mage::helper('mr_quadpay')->getCartWidgetHtml() ?>

If the widgets do not appear after refreshing the browser, flush the cache.

Customize the Widget

These aspects of the QuadPay widget can be customized:

  • Layout spacing
  • Alignment, including alignment by breakpoint
  • Size (text and logo)
  • Color (including different colors for price and logo)
  • Logo alignment
  • Minimum and maximum price
  • Handling for variable pricing and changes in quantity

To customize the QuadPay widget, return to the Magento Admin Panel. Then go to System > Configuration > Payment Methods > QuadPay.

Visit the QuadPay Widget Integration Guide and then input the appropriate snippets into the Product Page Widget Wrapper, Product Page Widget Customization, Cart Widget Wrapper, and Cart Widget Customization fields.


If you would like support with adding the widget or for any questions please get in touch with us.

Updated 2 years ago

What's Next

Now that you've added the QuadPay gateway and integrated the QuadPay widget, be sure to follow these quality assurance steps:


Integrate the Widget

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.