Payment icons under buy buttons are shown vertically

Store Design
1

Hi Shopify experts,

I tried yesterday to add the payment icons under the buy button using the following code, pasted in a custom liquid object but I get the icons one under the other vertically. See screenshot.

I am using the “Boost” theme. The Theme version I am working on is not published yet.

Thanks in advance.

464658456563.JPG
464658456563.JPG496×808 27.3 KB

2

Hi @MiyuStore , can you share your store url?

3

Hi,

The url is miyu.be

But as I said I am working now on a non published version. I can not
publish ot as the store is live

4

@MiyuStore , can you share the code you used to add the icons?

5
    {%- for type in shop.enabled_payment_types -%}
  • {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
    • {%- endfor -%}
1 Like
6

@MiyuStore , replace this code with the following :


{%- for type in shop.enabled_payment_types -%}
- {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}

{%- endfor -%}
7

Hi Abdo,

This code is working! now the icon are set horizontally. Is there something we can do to make the icons slightly more bigger?

kind regards,

Abderrahim

8

@MiyuStore , Yes we can do that by setting a width and height to the svg icon like this add this between the style tag :

change the width and height to your liking.