Visual Composer / Accordion settings - by Royalty

This topic has 29 replies, 5 voices, and was last updated 10 years ago ago by Olga Barlow

  • Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 15:38

    Hello,
    is there a possibility in Visual Composer/Accordion to set all areas to “Closed” on load? I’ve tried to use the shortcodes shown here: https://www.8theme.com/demo/royal/?page_id=450, but “Toggles” seam to be something different (that I can’t find at all in the visual composer..).
    Thank you in advance!

    28 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 6, 2014 at 18:03

    Hello,

    Could you please clarify with more details what areas on your website you want close and show us screenshots?

    Regards,
    Robert Hall.

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 18:29

    hello,
    Lets say i want to create an accordion via visual composer with 5 sections. On the frontend, the first section is open and shows the inner content and the 4 other sections are closed (collapsed). I would like all 5 sections to be closed on load…do you know what i mean?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 6, 2014 at 18:39

    Hello,

    To close all sections you can commented out code on line 1526 in wp-content/themes/royal/js/etheme.js file.

    $this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();

    Regards,
    Robert Hall.

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 18:55

    Ok thank you but I#ve never before “commented out code”. I’ve found the part in the file. What do I have to do now?
    Here it is:

            if($this.find('.current-cat.parent-level0, .current-cat, .current-cat-parent').length > 0) {
                $this.find('.current-cat.parent-level0, .current-cat-parent').find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();
            } else {
                $this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();
            }
    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 19:04

    Ive changed the line to
    <!--$this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();--> but nothing changed…sorry, but could you help me again please?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 6, 2014 at 19:05

    Please provide us with wp-admin and FTP credentials in Private Content.

    Regards,
    Robert Hall.

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 19:08

    Sorry, my website is not yet online. I’ve changed the line 1526 in wp-content/themes/royal/js/etheme.js to <!--$this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();--> Was that what you meant with “comment out”? Unfortunately, nothing changed…

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 19:15

    What I dont understand: Here https://www.8theme.com/demo/royal/?page_id=450 all sections are closed. Isnt this the accordion tool? And where can I find these toggles?

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 19:16

    Got it. It worked when I used <? instead of <!–. Is this right? Thank you!

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 19:18

    Sorry, but I was wrong. <? makes all sections closed, but now I am not able to open them anymore. So sorry, but my problem is not yet solved..

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 6, 2014 at 19:41

    Try to use this /**/
    /*$this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();*/

    Regards,
    Robert Hall.

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 19:44

    no sorry, no changes…

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 6, 2014 at 20:10

    If you’ll have provided us with wp-admin and FTP credentials in Private Content we could look into this issue more deeply.

    Regards,
    Robert Hall

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 20:12

    I won’t take the page online until I have not solved all issues. Think I will have to use another plugin.. thank you anyway..

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 20:13

    Or I could style a toggle element from those shown here: https://www.8theme.com/demo/royal/?page_id=450. Could you tell me how to replace the “+” and “-” with custom images?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 6, 2014 at 20:14

    Sorry, but we don’t have such feature in our theme.
    If you have a good knowledge of CSS you can try set the style with images for classes where is “+” or “-“.

    Regards,
    Robert Hall.

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 20:29

    Yes thats what I#M trying at the moment, but I cant find the classes of “+” and especially of “-“…

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 20:31

    I mean: the class seems to be “open-this” but I don’t find the part where the “+” is converted to a “-

    Avatar: Royalty
    Royalty
    Participant
    October 6, 2014 at 20:40

    Got it!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 6, 2014 at 21:04

    We’re glad to hear it.
    If you have any questions feel free to contact us.

    Regards,
    Robert Hall.

    Avatar: meder@f-e-w.ch
    meder@f-e-w.ch
    Participant
    October 24, 2014 at 14:31

    Hi there

    I have the same question, as the initial Customer. The Accordion Sections should all be closed by default.

    In the Accordion-edit-Options it says:

    Enter section number to be active on load or enter false to collapse all sections.

    So i enter “false” in the field, but always the first section stays open.

    Then I tried to comment out /* */ line 1526 in the etheme.js, but it still stays the same. Can you help?

    You finde the page details in the private section.

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 24, 2014 at 14:45

    Hello meder@f-e-w.ch,

    Please provide us with wp-admin and FTP credentials in Private Content.

    Regards,
    Robert Hall.

    Avatar: meder@f-e-w.ch
    meder@f-e-w.ch
    Participant
    October 24, 2014 at 14:54

    Okay, thanks for your help.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 24, 2014 at 15:38

    Hello @meder@f-e-w.ch,

    You’re using old theme version.
    Please update it to 1.3 version.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: meder@f-e-w.ch
    meder@f-e-w.ch
    Participant
    October 24, 2014 at 15:41

    Where can i update the theme version?
    Didn’t find the option

    Thanks for the great support!

    Avatar: Eva
    Eva Kemp
    Support staff
    October 24, 2014 at 15:49

    Hello,

    You can watch video tutorial how to update the theme (it’s for Legenda theme, but the process is identical):
    https://www.youtube.com/watch?v=KdWESIIPU1k

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: meder@f-e-w.ch
    meder@f-e-w.ch
    Participant
    October 24, 2014 at 16:20

    Okay i updatet the theme to 1.3. Do i have to do something now? It’s still the same.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 28, 2014 at 08:31

    Hello,

    We’ll fix this bug in our next update. Please, wait, it should be available soon!

    Regards,
    Olga Barlow

  • Viewing 29 results - 1 through 29 (of 29 total)

The issue related to '‘Visual Composer / Accordion settings’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.