Footer in accordion (prestige theme)

Store Design
1

Hello,

i want to have the footer in a accordion (mobile)

Can anyone help me ?

2

Hello @MS2333 ,

To implement a footer in an accordion style on your Shopify store for mobile devices, follow these steps:

  1. Access the Theme Code:

    • Go to your Shopify admin panel.
    • Navigate to Online Store > Themes.
    • Click Actions > Edit code.

  2. Edit the Footer:

    • Locate and open the footer.liquid file, typically found in the Sections or Snippets directory.
    • Insert an accordion structure where you want the collapsible footer to appear. This typically involves creating a button or header that, when clicked, reveals the footer content.

  3. Style the Accordion:

    • Open your theme’s main CSS file (often named theme.scss.liquid or theme.css.liquid).
    • Add styles to ensure the accordion is visually appealing and functions correctly on mobile devices.

  4. Add Functionality with JavaScript:

    • You might need to add a small JavaScript snippet to handle the toggle functionality of the accordion. This code will ensure that clicking the header/button reveals or hides the footer content.

If you need detailed step-by-step guidance or specific code snippets, feel free to ask me @abadat3928

3

Hello @MS2333
See this video may be it help you

https://www.youtube.com/watch?v=i73OqzThdCQ

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

4

MS2333_0-1721473889334.png
MS2333_0-1721473889334.png385×543 36.3 KB

I need here the code