Skip to main content
Checkout & payments

Show payment icons and accelerated checkout

Payment icons and accelerated checkout are separate blocks in Bundlex Cart. Icons describe payment methods; wallet buttons let shoppers start a checkout.

Payment icons

Payment icon choices, upload control and 24-pixel icon height.
(1) Select brands that your store actually accepts. (2) Icon height sizes the entire row. This preview uses the four starting icons.
  1. Edit the cart and enable Cart > Payment icons.
  2. Select the payment brands you want to display.
  3. Adjust Icon height if needed. Use Your own icons for custom images and add a description for screen readers.
  4. Save the cart.

Only show methods your store actually accepts. Choosing an icon does not enable that payment provider in Shopify.

Icon height ranges from 12 to 64px and starts at 24px. The same height applies to built-in and custom icons. If you remove every selected icon and have no custom icons, there is no row to display.

Accelerated checkout

Accelerated checkout controls with a placeholder notice and separate desktop and touch heights.
(1) The editor explicitly labels its wallets as placeholders. (2) Desktop and touch heights are both 42px here. Actual wallet availability needs a storefront check.
  1. Enable Cart > Accelerated checkout.
  2. Adjust Button height on desktop and Button height on touch devices.
  3. Use Payment settings in the block's note to review your payment setup.
  4. Save and test on the storefront.

The preview buttons are placeholders. The actual wallets shown depend on your store's payment settings and the shopper's device and eligibility.

Both button-height controls range from 32 to 64px and start at 42px. The touch-device setting also applies to narrow screens.

Wallet buttons use the drawer's corner-radius setting alongside their own desktop and touch-device heights. Test on your actual storefront because the editor uses placeholder wallets and your theme can affect the result.

Why buttons can be hidden

Wallet buttons wait while cart changes are saving. They also stay hidden until any required order note is saved and the terms checkbox is satisfied. If wallet controls cannot load, the drawer keeps a standard checkout path available.

Test the regular checkout button as well as the wallets you expect your customers to use. Start with checkout button settings if there is no clear way to continue.

Check the storefront result

Completed demo gates, enabled checkout, continue-shopping link and payment icons.
(1) With the note saved and checkbox checked, Checkout is enabled. (2) Continue shopping closes the drawer. (3) Payment icons are labels, not wallet buttons.

This test storefront displays the selected payment icons and a working standard checkout button. It did not offer usable wallet buttons. An editor preview with Shop Pay or PayPal is not proof that those wallets are available to your shoppers.

Was this article helpful?

Your feedback helps us improve our docs.

Thanks - we'll keep improving this article.

Want to chat with our team? Still have a question?

Still need help?

Our team is one click away. Send us a message and we'll get back to you.

We use a few cookies to keep this site working, measure how it is used, and power our chat widget when you open it. See our cookie policy.