ZEST theme
Try Zest freeResourcesOther solutions
  • What is Zest theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Zest theme
    • Set up my store as Zest demo
    • Update Zest theme
    • Theme license & Transfer
  • build for success series
    • Landing page like puravida
  • Page's global sections
    • General settings
    • Announcement bar
    • Banner logo 🔥
    • Header
    • Footer
    • Menu
      • Add a banner to mega menu
      • Add products to mega menu
      • Add collections to mega menu
      • Add custom cards to mega menu
      • Customize a hovering menu
    • Mobile navigation bar
    • Age verifier pop-up
    • Pop-up
  • Theme sections
    • Auto-scrolling promotion
    • Before/ After image slider
    • Blog posts
    • Collage tab
    • Collapsible tab
    • Collection list
    • Collection list slider
    • Collections showcase 🔥
    • Collection tab
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid & HTML
    • Favorite collection 🔥
    • Favorite products
    • Featured product
    • Featured product slider
    • Featured collection
    • Gallery images
    • Handpicked products
    • Highlight text with image 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider
    • Layered images 🔥
    • Logo list
    • Lookbook
    • Map
    • Mixed image cards 🔥
    • Multicolumn
    • Newsletter
    • Products bundle
    • Product tabs
    • Promotion banner 🔥
    • Press
    • Rich text
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Animations
    • Cart
    • Checkout
    • Color swatches
    • Colors & Color schemes
    • Currency format
    • Cookies banner
    • Layout
    • Product card
    • Product quick view
    • Search
    • Social media
    • Theme style
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Product description
      • Breadcrumbs
      • Product information
      • Recently viewed products
      • Product recommendations
      • Quick order list 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Languages & Countries/Regions
    • Languages
    • Countries/ Regions
  • Other pages
    • 404 page
    • About us
    • Blogs
    • Blog posts
    • Cart & Checkout
    • FAQs page
    • Password
    • Search page
  • FAQs
    • Generic
      • Add custom fonts
      • Add custom CSS
      • Add custom badges to the product card and product page
      • Add gift wrap option to my cart
      • Add product review apps to my theme
      • Change the copyright text at the footer
      • Compare Zest with other Shopify themes
      • Does Zest support RTL languages?
      • JavaScript events for developers
      • How to migrate your Zest theme to version 7.0.0
      • My store has a low speed score - How can I improve it?
      • Show Payment icons on the Footer 🔥
    • Product page
      • Add a size chart to your product page
      • Add recipient fields to my gift card product
      • Customize the checkout
      • Edit product breadcrumbs using metafields
      • How to remove 'Powered by Shopify' in Copyright
      • Remove text Tax included and Shipping calculated at checkout below the product price
      • Set up quantity rules and volume pricing 🔥
    • Collection page
      • Change the default sorting of a collection
    • Shopify functions
      • Combined listings app 🔥
      • Does Zest support Section groups?
      • Get to know dynamic checkout buttons
  • Troubleshooting
    • Mega menu not working when changing the store languages
Powered by GitBook
On this page
  1. FAQs
  2. Generic

Show Payment icons on the Footer 🔥

Everything you need to know about the payment icons on your Footer

PreviousMy store has a low speed score - How can I improve it?NextProduct page

Last updated 1 year ago

How to show the payment icons on the Footer?

Payment icons can be enabled inside the Footer section settings.

Why are icons not showing up/ missing?

Shopify recently updated how payment methods integrate into stores.

As a result, only payment options accepted through Shopify Payments will automatically display their icons in the footer.

What Can You Do?

  • Contact Shopify Support: For the latest information and potential workarounds, we suggest you contact Shopify Support. They can provide the most up-to-date details on the payment method icon display.

  • Theme Customization: If you're comfortable with code editing, Zest theme allows manual customization of the footer section to display icons for third-party gateways. /

Choose which payment icons to display

If you want to add or remove payment icons in the Footer without changing your payment settings, then you can edit your theme code by following our steps below.

Make sure you enable the payment icons in your Footer

  1. Click Footer.

  2. Check the Show payment icons checkbox.

  3. Click Save.

Edit the code for your payment icons

In this step, you will change the way that payment icons are assigned to your Footer.

By default, your theme shows icons associated with the payment gateway you have enabled in the Shopify payments settings.

With this customization, you can manually add or remove the payment icons that you want to display.

Steps:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.

  3. In the Sections directory, click footer.liquid. Find the following code in the file:

{%- for type in shop.enabled_payment_types -%}

Replace that code with the following:

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

In the code that you just pasted, there is a list of payment providers separated by commas:

 'visa,master,american_express,paypal'

The payment providers that you include in this list will determine which payment icons shown on your online store.

You can edit the list of payment providers to suit your needs.

  1. Click Save.

.

Go to the .

and copy the icon's name that you need from that list, without the .svg extension.

Learn more about Shopify Payments here
theme editor
Review the list of available values