Get accordion to work

johansantamaria
24 Posts
johansantamaria posted this 31 August 2017

Hi Support team.

I created an HTML Website with themler to get the accordion working.
I attached my theme to this ticket.

If you open the Homepage, you see 2 accordions. (that I created based on the bootstrap-code)
The one on the top is an example that I picked somewhere.

The one on the bottom is the one that I changed to have the exact layout as the accordion that I have in the design-tab in themler.
Almost everything is working, except for 2 things:
1. In the design-tab, for the accordion-control: I've set the background of the active item to orange, but it doesn't reflect to my accordion on the homepage. Can you tell me what is wrong in my html-control? Probably it's something simple, but I don't see the solution.
The goal is to have the exact same design of the accordion in the homepage as the accordion on the design tab (in themler).

  1. For the accordion in the bottom of the homepage, I also want the same behaviour as the accordion on the top of the homepage --> so that only 1 item is active and display it's content. (and that all other items of the accordion are collapsed) --> so that it behaves like an accordion.

Can you change my html-code to get it working? And explain me chick changes you did? (and why).

Many thanks!

Kind Regards,
Johan

Hi Support team. I created an HTML Website with themler to get the accordion working. I attached my theme to this ticket. If you open the Homepage, you see 2 accordions. (that I created based on the bootstrap-code) The one on the top is an example that I picked somewhere. The one on the bottom is the one that I changed to have the exact layout as the accordion that I have in the design-tab in themler. Almost everything is working, except for 2 things: 1. In the design-tab, for the accordion-control: I've set the background of the active item to orange, but it doesn't reflect to my accordion on the homepage. Can you tell me what is wrong in my html-control? Probably it's something simple, but I don't see the solution. The goal is to have the exact same design of the accordion in the homepage as the accordion on the design tab (in themler). 2. For the accordion in the bottom of the homepage, I also want the same behaviour as the accordion on the top of the homepage --> so that only 1 item is active and display it's content. (and that all other items of the accordion are collapsed) --> so that it behaves like an accordion. Can you change my html-code to get it working? And explain me chick changes you did? (and why). Many thanks! Kind Regards, Johan
Vote to pay developers attention to this features or issue.
1 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 04 September 2017

Hi,

Sorry for the delay. Please try bootstrap example which is available here:
https://getbootstrap.com/docs/3.3/javascript/#collapse
The native bootstrap accordion works just fine.
Unfortunately we do not provide support for custom code. We can check it only if it works with the Themler theme in a different way than with any other theme. I suggest that you create your accordion basing on the bootstrap example I provided.

Thank you,
Olivia

Hi, Sorry for the delay. Please try bootstrap example which is available here: https://getbootstrap.com/docs/3.3/javascript/#collapse The native bootstrap accordion works just fine. Unfortunately we do not provide support for custom code. We can check it only if it works with the Themler theme in a different way than with any other theme. I suggest that you create your accordion basing on the bootstrap example I provided. Thank you, Olivia
You must log in or register to leave comments