I am trying to add country flags to the footer of my Dawn theme, similar to how to social icons, or payment options are displayed. A small list of icons underneath the columns of the main footer.
Current:
Desired Example:
I first wanted to duplicate the social icon code and replace the icons with my custom flag icons but I’m having trouble figuring out where that code is and what to duplicate.
These icons don’t need to be links.
Help is much appreicated!
Hi LunarUx
you just need to go footer.liquid you will find payment icons might be a snippet so copy that code and paste that again that would be li tag the you can put these flag images with these payment card icons. i suggest you to use Svg
Okay, first of all, thank you 
So I believe I found the relevant code to duplicate, however I’ve now encounters the following display problems, the duplicated version is displaying vertically, and the original payment icons are no longer centered.
What I did was to locate the relevant payment icons code and duplicate it, then replace the word “payment” in the code with “flags” everywhere it showed, for example:
I also created an asset for the list as a duplicate of component-list-payments.css called component-list-flags.css as shown below.
I’ve not yet located where to put the svg files but I would need to fix this formatting even when I do so.
put this code in new row not in column and use the same classes and add your new dont replace add your class
like
yes
can you please share your store link i will send you final code
add this code in
translation missing: en.sections.footer.flags
-
-
-
-
-
-
-
-
-
-
Thank you this does add the icons in with the correct horizontal display, however they are not page centered.
How would I be able to add my own SVGs in place of the payment icons that you have used here?
just replace your svgs will current svgs
If anyone is still looking for an easy solution for this with no coding, you can try this app: https://apps.shopify.com/markets-menu-with-flags