Re: Payment icons are not displayed - brooklyn theme

Solved

Payment icons are not displayed - brooklyn theme

Airika_Bali
Excursionist
29 0 7

Good afternoon, the best specialists! 

My payment icons are not displayed. 
In the settings - ok 
I followed the Shopify instructions and completed the code, but icons were not displayed in the footer. 
Please help me.
Web: https://overz.co/

Снимок экрана 2021-01-23 в 15.37.27.png

Accepted Solutions (2)
PeanutButter
Shopify Partner
387 68 184

This is an accepted solution.

Sure,  this is how it is now looking on my copy of your theme:

Screen Shot 2021-01-24 at 16.46.22.png

Is this ok? Do you want more spacing between footer menus and payment icons?

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es

View solution in original post

PeanutButter
Shopify Partner
387 68 184

This is an accepted solution.

Nice I could be of help!

To take make my changes live, either publish my copy of the theme or copy Sections/footer.liquid from my theme to the live theme. Maybe second solution is best as I saw you where editing another copy of the theme...

Good luck with your store! You have a quite unique product and your pictures look great. I bet you will succeed!

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es

View solution in original post

Replies 15 (15)

oscprofessional
Shopify Partner
16115 2409 3123

Hi, follow this !

Enable payment icons in your footer

The first step of the customization is to enable the payment icons in your footer: Go to the theme editor. Click Footer. Check the Show payment icons checkbox. 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 the icons that are associated with the payment gateway you have enabled in the payment settings section of your admin. With this customization, you will manually add or remove the payment icons that you want to display.

To edit the code for your payment icons:

  1. In the Sections directory, click footer.liquid. If your theme doesn't include this file, then click theme.liquid in the Layout directory.

  2. Find the following code in the file:

 

{% for type in shop.enabled_payment_types %}

 

Replace it with:

 

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

 

 
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Airika_Bali
Excursionist
29 0 7

I did as you said, but it didn't help.

PeanutButter
Shopify Partner
387 68 184

@Airika_Bali I can request collaborator access to your store if you want and take a look. Let me know if you are ok with this

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
Airika_Bali
Excursionist
29 0 7

Good! How can I give you access?

PeanutButter
Shopify Partner
387 68 184

I have requested access. You should have received an email

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
Airika_Bali
Excursionist
29 0 7

I hope you succeed, thank you for your help!

PeanutButter
Shopify Partner
387 68 184

@Airika_Bali the reason for you payment icons not showing is that you commented out the html/liquid code that renders this icons.

Everything that you put between <!-- and --> is an html comment and will not be visible. Your comment starts on line 228 and ends on line 295 of your Sections/footer.liquid file.

I have remove this comment in the copy I made of your theme "Copy of Brooklyn by PeanutButter" and the icons are now visible:

Screen Shot 2021-01-24 at 14.37.51.png

 

I different matter would be where you want to place them and how you want them to look

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
Airika_Bali
Excursionist
29 0 7

You are a magician!

I am new to this business, help again.
Could you make the icons display correctly (centered) and remove the "arrow"Снимок экрана 2021-01-24 в 16.02.18.png

 

PeanutButter
Shopify Partner
387 68 184

This is an accepted solution.

Sure,  this is how it is now looking on my copy of your theme:

Screen Shot 2021-01-24 at 16.46.22.png

Is this ok? Do you want more spacing between footer menus and payment icons?

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
Airika_Bali
Excursionist
29 0 7

Wow, great! I am very happy! I wish you happiness, good luck!

PeanutButter
Shopify Partner
387 68 184

This is an accepted solution.

Nice I could be of help!

To take make my changes live, either publish my copy of the theme or copy Sections/footer.liquid from my theme to the live theme. Maybe second solution is best as I saw you where editing another copy of the theme...

Good luck with your store! You have a quite unique product and your pictures look great. I bet you will succeed!

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
SSJKaito
Tourist
10 0 0

Hey!

I hope you can help me out somehow.

I enabled a third party payment option (coinpayments) for my online shop. The payment icons (Bitcoin, Ether and Dogecoin) also showed up. But now they're gone. I didn't change the "theme.liquid" or "footer.liquid" code tho.

I also can't find this code in the "footer.liquid" code: {% assign payment_icons_available =

Nor this: {% for type in shop.enabled_payment_types %}

It's just nowhere, only this - starting at line 16:

{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
{%- assign show_payment_icons = true -%}
{%- endunless -%}
{%- endif -%}"

Hope you can help me out! Have a nice week and stay healthy. 🙂

 

Kind Regards,

Dennis 

 

Shop: www.nineteeskid.net

Screenshot: Bildschirmfoto 2021-04-28 um 00.17.02.png

meenie
Visitor
1 0 0

Hello, can you help me with this? Mine is not visible now

Hannes12
Visitor
1 0 0

Hi there

I have the same problem.

Can you help me?

alexstewart
Visitor
1 0 0

i faced same issue but i have different theme can you help me?