Can someone help me to change Accordion Footer Setting. Please see screenshot provided. By default it opens with (-) sign which mean by default OPEN. I want this to be by default (+) CLOSE, and if someone need more info then can open it. Site - https://deshoeshop.com . Thanks
Topic summary
Topic: Make the footer accordion closed (+) by default in a Shopify theme.
-
Original request: The footer accordion opens by default (shown with a “−”). The goal is to have all sections collapsed (“+”) on page load. A screenshot and store URL were shared.
-
Proposed approaches:
• Use jQuery to control the initial state (one reply suggested this, mentioning screen resolution, but without specific code).
• Edit theme code (footer.liquid): target the heading elements (h2) for each footer accordion item, add a class like “block-collapsed,” and set aria-expanded=“false” so sections load collapsed. (aria-expanded is an accessibility attribute indicating whether content is expanded.) -
Follow-up: The requester couldn’t find h2 classes in their code and asked for simpler guidance; they also had trouble posting code. The helper noted they inspected the live site, reaffirmed the h2-based change, and offered to proceed via collaborator access.
-
Status: Not yet resolved. Next steps depend on identifying the correct selectors/markup in the theme or providing collaborator access; code snippets from the theme would help confirm where to apply the change.
HI @DSS5
Have to do this using jquery, also have to use screen resolution
Hi @DSS5
I hope you are doing well
In your footer.liquid file
Replace every h2
##
with
##
Actually add a class block-collapsed to h2 and change aria-expanded attribute to false
Please replace only string inside class and aria-expanded attribute
Please check if it works.
Thanks!
hi mate, thanks for the help above but in my coding there is NO - h2 class. can you please simply your reply. i am also trying to post my code so that you can see but not sure why, but unable to paste it here. thanks
I post the above code by inspecting your site code, to look into it further, If you don’t mind, you can send me collaborator request
Thanks