Payment method images in collapsible content tab

Store Design
, , , ,

Topic summary

A user seeks to display payment method icons (currently in the footer) within a collapsible content tab on their FAQ page.

The challenge is that the collapsible content section uses rich text formatting, which doesn’t support custom Liquid code needed to render the payment method SVGs.

The user has provided:

  • The existing Liquid code that loops through shop.enabled_payment_types and generates SVG icons
  • A preview link to their FAQ page
  • A screenshot showing the desired placement

One respondent suggests hiring a Shopify expert to customize the theme’s collapsible content code to accommodate this functionality.

The issue remains unresolved, with no concrete solution provided yet for integrating Liquid code into the rich text editor limitation.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hello, can anyone help me with putting the payment methods from the footer inside a collapbsible content tab on the faq page. I have the code for the svg from the footer but the collapsible content is rich text so I can’t put custom liquid in it. Any ideas?

Here is the code and preview link:

https://squad-dancewear.myshopify.com/pages/faqs

    {% for type in shop.enabled_payment_types %}
  • {{ type | payment_type_svg_tag: class: 'payment-icon' }}
    • {% endfor %}

Screenshot 2025-01-08 at 09.46.00.png
Screenshot 2025-01-08 at 09.46.00.png1600×962 106 KB

2

Hi @gmedia ,

I may need to hire an expert who can customize the code of the collapsible file of your theme to do that.