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 have the same issue did u find a solution?

No, I haven’t found a solution yet. I have tried a number of options and only 1 sort of worked but icon was huge compared to others and did not look good at all

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…

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

adding Afterpay icon into footer (or other icons)

Store Design

deeee021 February 1, 2020, 11:59pm 15

Yes that correct

in the theme.scss.liquid

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

adding Afterpay icon into footer (or other icons)

Related topics