Joomla Templates Club 406,261 posts

[polo974 Friend polo974Join date: May 2015Posts: 63Downloads:133Uploads:4 Thanks: 13 Thanked: 5 times in 2 posts]

#207025

Hi there,

It is possible to have all ACM accordion item closed at the first load of the page ?

Thanks !

Paul

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#573245

Hi Paul,

May I know which template style of Uber are you using?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#738273

Hi Paul,

May I know which template style of Uber are you using?

[polo974 Friend polo974Join date: May 2015Posts: 63Downloads:133Uploads:4 Thanks: 13 Thanked: 5 times in 2 posts]

#573321

Hi @saguaros,

I’m displaying this accordion in a page which layout style is “default” …

[polo974 Friend polo974Join date: May 2015Posts: 63Downloads:133Uploads:4 Thanks: 13 Thanked: 5 times in 2 posts]

#738349

Hi @saguaros,

I’m displaying this accordion in a page which layout style is “default” …

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#573413

With style I meant: Uber Home / Uber Business / Corporate / Spa / ….

[polo974 Friend polo974Join date: May 2015Posts: 63Downloads:133Uploads:4 Thanks: 13 Thanked: 5 times in 2 posts]

#573427

Ok, for the home page, it’s Uber-University…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#573532

You can open this file: root/templates/uber/acm/accordion/tmp/style-1.phpl

At approx line 39, look for this line of code:

<div id="accordion-body-<?php echo $i; ?>" class="panel-collapse collapse <?php if($i<1) echo "in"; ?>">

change it to:

<div id="accordion-body-<?php echo $i; ?>" class="panel-collapse collapse ">

Hope this helps!

1 user says Thank You to Saguaros for this useful post

1. polo974

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#738559

You can open this file: root/templates/uber/acm/accordion/tmp/style-1.phpl

At approx line 39, look for this line of code:

<div id="accordion-body-<?php echo $i; ?>" class="panel-collapse collapse <?php if($i<1) echo "in"; ?>">

change it to:

<div id="accordion-body-<?php echo $i; ?>" class="panel-collapse collapse ">

Hope this helps!

1 user says Thank You to Saguaros for this useful post

1. polo974

[polo974 Friend polo974Join date: May 2015Posts: 63Downloads:133Uploads:4 Thanks: 13 Thanked: 5 times in 2 posts]

#573578

Sure man that was perfect and really helpfull !

To go a little further :

To have the “fa-plus” icon when accordion is closed, you have to change in the same file, line 33

<i class=”fa icon <?php if($i==0) { echo ‘fa-minus’; } else { echo ‘fa-plus’; } ?>” style=”display:block;”></i>

to

<i class=”fa icon <?php if($i==0) { echo ‘fa-plus’; } else { echo ‘fa-minus’; } ?>” style=”display:block;”></i>

Thanks again !

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#573580

You are welcome!!!

[Author]

Posts