HighCart & checkoutPage content

Cart doesn’t show payment methods

Shoppers can’t see which payment methods you accept before they start checkout.

Checked on: the cart (with an item in it) · Zolvio’s check: “Payment method icons not visible”

Why it costs you sales

Familiar logos like Visa, PayPal or Shop Pay reassure shoppers they can pay the way they want. Seeing them in the cart, before checkout, removes one more reason to hesitate.

How Zolvio detects it

With its own item in the cart, Zolvio reads the text a shopper can see on your cart page, measured in a real browser (hidden text, text only screen readers get, and scripts don’t count; image and icon labels do), and looks for a payment method: Visa, Mastercard, American Express, PayPal, Apple Pay, Google Pay, Shop Pay, Afterpay, Klarna, Affirm, Maestro, Diners Club, JCB, UnionPay, Venmo or “we accept”. Payment icons count by their label, as Shopify’s icons carry the brand name, and so does the place Shopify puts its express checkout buttons in the cart (Shop Pay, PayPal, Apple Pay, Google Pay). A row of payment logos your theme draws counts by its icons (a payment-icon, payment-logo or payment-bar class, or icons in a payment-options or payment-methods block), and Afterpay’s Shopify integration counts by its script: it writes its instalments line under the cart’s total in the shopper’s browser, which the audit’s browser doesn’t load. A cart with none of them is flagged.

Only English pages are judged (the page’s language tag, or Shopify’s language for the store when the theme sets none), since some of the words it looks for are English.

A store that sells by quote isn’t judged on this: one whose product pages show “Add to quote”, “Request a quote” or “Get a quote”, and none shows “Add to cart”, “Add to bag”, “Add to basket” or “Buy now”.

What it looks for in the text shoppers see

  • visa
  • mastercard
  • american express
  • amex
  • paypal
  • apple pay
  • google pay
  • shop pay
  • afterpay
  • klarna
  • affirm
  • maestro
  • diners club
  • jcb
  • union pay
  • unionpay
  • venmo
  • we accept
Page elements that also count (13)
  • shopify-accelerated-checkout
  • shopify-accelerated-checkout-cart
  • [data-shopify="dynamic-checkout-cart"]
  • [data-shopify="payment-button"]
  • svg[class*="payment-icon" i]
  • img[class*="payment-icon" i]
  • [class*="payment-icon" i] svg
  • [class*="payment-icon" i] img
  • [class*="payment-logo" i] svg
  • [class*="payment-logo" i] img
  • [class*="payment-bar" i] svg
  • [class*="payment-options" i] svg
  • [class*="payment-methods" i] svg
Apps that also count (2)

A script the page loads, or another site it calls while loading, whose address contains one of these:

  • present-afterpay
  • shopify-afterpay-javascript

This finding is reported after AI review: on paid plans with AI turned on, the AI agent checks it against the audit’s evidence before it reaches your issue list. Audits without AI report only the 22 measured checks.

AI screenshot review also looks for this problem (“No payment icons near checkout”) in desktop and mobile screenshots. When both find it, you get one issue.

How to fix it

  1. In the theme editor, open the Footer section and turn on “Show payment icons”; most Shopify themes have the setting, and the footer shows on the cart page too.
  2. Check which payment methods are enabled in Settings → Payments: the icons follow those settings.
  3. Add a product to your cart and check the icons are visible on the cart page.

In Zolvio: on paid plans with AI turned on, the guided fix writes these steps for your own store and theme: where to click in Shopify admin or the theme editor, or which file to open, the line to find and the code to add. Each file opens in Shopify’s code editor. Zolvio never edits your theme: you make the change, then Verify fix checks your published theme for code changes (or you mark it fixed), and later audits confirm the problem is gone.

Common questions

Why does “Cart doesn’t show payment methods” cost a Shopify store sales?

Familiar logos like Visa, PayPal or Shop Pay reassure shoppers they can pay the way they want. Seeing them in the cart, before checkout, removes one more reason to hesitate.

How does Zolvio detect “Cart doesn’t show payment methods”?

With its own item in the cart, Zolvio reads the text a shopper can see on your cart page, measured in a real browser (hidden text, text only screen readers get, and scripts don’t count; image and icon labels do), and looks for a payment method: Visa, Mastercard, American Express, PayPal, Apple Pay, Google Pay, Shop Pay, Afterpay, Klarna, Affirm, Maestro, Diners Club, JCB, UnionPay, Venmo or “we accept”. Payment icons count by their label, as Shopify’s icons carry the brand name, and so does the place Shopify puts its express checkout buttons in the cart (Shop Pay, PayPal, Apple Pay, Google Pay). A row of payment logos your theme draws counts by its icons (a payment-icon, payment-logo or payment-bar class, or icons in a payment-options or payment-methods block), and Afterpay’s Shopify integration counts by its script: it writes its instalments line under the cart’s total in the shopper’s browser, which the audit’s browser doesn’t load. A cart with none of them is flagged. Only English pages are judged (the page’s language tag, or Shopify’s language for the store when the theme sets none), since some of the words it looks for are English. A store that sells by quote isn’t judged on this: one whose product pages show “Add to quote”, “Request a quote” or “Get a quote”, and none shows “Add to cart”, “Add to bag”, “Add to basket” or “Buy now”.

How do I fix “Cart doesn’t show payment methods” on Shopify?

In the theme editor, open the Footer section and turn on “Show payment icons”; most Shopify themes have the setting, and the footer shows on the cart page too. Check which payment methods are enabled in Settings → Payments: the icons follow those settings. Add a product to your cart and check the icons are visible on the cart page.

Documentation

  • How audits work — What an audit scans and how findings become issues.
  • Guided fixes — Step-by-step fixes written for your theme, with links into the code editor.
  • A/B testing — Test a change against your current page before you keep it.