This is to add in new icons or payment methods into your footer (if not included in the default shopify payment settings) for this example i have used AfterPay EDIT CODE Open up and find the footer.liquid found in your Customize theme code sections. then find one of your loaded payment options (…

OK I found a solution Please go to the editor > footer.liquid Find this bit of code : {%- capture payment_icon_markup -%} {%- if show_payment_icons -%} {{ 'general.payment.method' | t }} {%- for type in shop.enabled_payment_types -%} {{ type | payment_type_svg_tag: class: 'icon icon--f…

i’ll play around with it today let you know if i find a solution

Hi, This works! Thanks so much :slight_smile: However, I am unable to configure the height/width of the afterpay icon. Where do i put the code #shopify-section-footer > footer > div:nth-child(3) > div > div.grid__item.small–hide.one-half.site-footer-item-center-vertically > div > ul > li:nth-chil…

Yes that correct in the theme.scss.liquid

Hi I am really having trouble changing the size of the afterpay icon. I have NO coding experience but finally managed to add the icon but can you show me exactly how the code needs to look in theme.liquid after the below as I have tried a few things but cant seem to change its size. All see attached…

In theme.scss.liquid where did you paste the section of code? is there a line# is should go in? or relates section? #shopify-section-footer > footer > div:nth-child(3) > div > div.grid__item.small–hide.one-half.site-footer-item-center-vertically > div > ul > li:nth-child(6) > img{ width: 100px; h…

ok, ive solved mine, apart from alignment. no scss code. in footer.liquid find (line 57 in mine) <div class="grid medium-up--grid--table sub-footer small--text-center"> <div class="grid__item medium-up--one-half"> <small>{{ 'layout.footer.copyright' | t }} © {{ 'now' | date: "%Y" }}, {{…

In some theme versions, you can add in the Afterpay reference in Theme > Edit code > Sections > footer.liquid In other themes, the payment list loops through enabled payment metho…

Where do I add #shopify-section-footer > footer > div:nth-child(3) > div > div.grid__item.small–hide.one-half.site-footer-item-center-vertically > div > ul > li:nth-child(6) > img{ width: 100px; height: 70px; } thanks

were you able to resize? I am stuck at the same spot.

Did you ever solve this? Stuck at the same place.

adding Afterpay icon into footer (or other icons)

Store Design

StephLShop July 8, 2021, 4:34pm 24

Anyway i can pay you to do this for me?

Topic		Replies	Views
Dawn Theme Version 11 - Afterpay Icon in footer Store Design design	10	175	October 18, 2023
Adding Afterpay Icon Into Footer (Or Other Icons) Store Design shopify-themes	1	63	October 28, 2022
Payment icon not showing Store Design footer , troubleshooting	11	141	November 21, 2024
Adding Accepted payment method in footer Store Design customizations	20	331	December 18, 2025
Adding payment icons to footer with 2.0 Theme (Stiletto) Store Design design , customizations , footer , shopify-themes , troubleshooting	0	25	October 10, 2023

adding Afterpay icon into footer (or other icons)

Related topics