Hi, can anyone suggest the best way to display payment icons in the footer like the screenshot attached.
I currently have the standard shopify payment icons displayed at the very the bottom of the footer, but I would like them to display more prominently in the footer, taking up an entire column with the title: Checkout Securely With:
I am using turbo theme, and I could potentially upload a PNG of payment icons as a footer logo image, but I cannot add a title above it if I do that,
Can anyone suggestions as how I can get the same as in the screenshot?
Many thanks
PLease go to Section → footer.liquid and paste this code by finding right place.
{%- for type in shop.enabled_payment_types -%}
- {{ type | payment_type_svg_tag: class: 'icon' }}
{%- endfor -%}
Hi, thanks for the code but I don’t know where to place that to make it a ‘block’ with a title:
You need to find right place in the code.
Do you know where that is?
Hello,
I am contacting you regarding to add payment icons in footer
Do you know where that is? → Yes, I need to enter into your store for finding right position.
Thank you.
Hi @vivame ,
Just place this snippet to where you want to show the social icons.
{%- for type in shop.enabled_payment_types -%}
-
{{ type | payment_type_svg_tag: class: ‘icon’ }}
{%- endfor -%}
Hope this helps!
Hi, thanks for the snippet but where would I place the code for them to display in the far right column (where the social icons are)
As I can only find areas outside of the columns to inject the code without it displaying all messed up..
Hi @vivame ,
Please place this code at the end of the “theme.scss” to solve your problem.
@media only screen and (min-width: 750px) {
#shopify-section-featured-products .product {
margin-bottom: 70px;
}
}
Hope this helps!
