Accordion footer menu

Store Design
, ,
1

Hello, Is it possible to add a accordian style menu to the footer section in Dawn. Similar to the below image.

Screenshot 2025-04-02 at 11.35.51.png
Screenshot 2025-04-02 at 11.35.51.png468Ă—672 17.9 KB

2

@DASCPA

document.querySelectorAll(".footer-block__heading").forEach(function (heading) {
    heading.addEventListener("click", function () {
      let content = this.nextElementSibling;
      if (content.style.display === "block") {
        content.style.display = "none";
      } else {
        content.style.display = "block";
      }
    });
  });

How to Add This to Shopify YourYour Theme:

  1. Go to Shopify Admin → Online Store → Themes.

  2. Click “Customize” on your theme.

  3. In the theme editor, go to “Theme settings” (bottom left).

  4. Scroll down and click “Custom CSS”.

  5. Paste the above CSS code and save changes.

and put the js file in theme.js file and then test it will work

1 Like
3

brilliant thank you, where can i locate the JS file, thank you