Shopify themes, liquid, logos, and UX
Hello, I have lots of legal pages on my footer (refund, ...) and would like to have an accordion that contains them all instead of having them all there.
Is there an App or a code to do it?
Thank you!
hi @Masaru can you please share your store URL so I can help you out in this issue.
Thanks
@Masaru what theme you are using and in theme customization use two menu blocks so you can show properly pages in the footer if you can understand do it or simply check inbox for a quick solution with live free help by us for you!
I use Debut
What do you mean by "Menu Blocks"?
Hi please have a look at this video I created for you
That is not an accordion...
An accordion is a menu that you can open and close...
Google it please
while creating a menu put menu items as sub-menus when you hover on the footer menu it will open like subcategories or if you are talking about collapsable tabs with a menu in it then I have to look into it again!
I am talking about accordion menus like those ones:
Yes @Masaru yes, sure If you're comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by Mobile Code
or Let me know if don't able to this
Uhm I am not sure... Where do I have to put them?
If it is ok for you, could you record a video like before to explain me?
You could paste the code on a dummy Debut theme for example.
Hope this doesn't bother you!
Hello, I tried to add the codes but didn't work... I think I might have done it wrong
Could you please send me a vid where you explain?
thanks for yes it can be done some customization code
Ok thank you. Do you know the code that does it?
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like
https://ecomgraduates.com/products/dawn-theme-accordion-footer
this works if you follow the read me file when you download it
i found this tutorial and worked well
I use Debut and not Dawn, does it still work?
Any solution with Debut?
basically you would grab the classes and add this to them to transition
.grid .footer-block__heading + .footer-block__details-content {
visibility: visible;
opacity: 1;
height: auto;
transition: all .2s ease-out;
overflow: hidden;
margin-bottom: 3rem;
}
Hi, You can do this very easily by following this video.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025