Accordion action not working

Hi Jonathan

Thanks for getting in touch, and also for your kind comments about my plugin.

This is the second enquiry I’ve had in the last 24 hours regarding the Site Origin page builder plugin! Have you just recently started using it, or recently updated it perhaps?

Prior to this I’d not heard of the Site Origin plugin, nor have I used it or tested FAQ Concertina with it. I’ll download it and play around with it, and see if I can figure out what’s going on.

I’ll get back to you with the results of my investigations.

regards
Michael

Thanks Michael – just had a break and a thought occurred – by the use of category. If I revert the original faqs page to [faqs-accordion] wit works again. also NB this page doesn’t have any Site Origin components on it.

No sorry – I was calling the category-slug incorrectly. It is working fine on my faqs page (no Site-Origin) but still NOT working with the different category on my Contact page – here it is within a Site Origin layout – so maybe it obscures your CSS? it just shows as text without the accordion – that’s the second para “For general Enquiries..”

Hi Jonathan

Cool – glad you got the FAQs page sorted. I must admit I was a bit baffled by that one as when I looked at the page source all the CSS and JavaScript was being loaded.

Which leaves your contact page where the CSS doesn’t appear to be being loaded, presumably due to the page builder plugin. This is consistent with the other enquiry I’ve had about this.

I’ll investigate, probably on Monday now, and get back to you.

regards
Michael

Hi Jonathan

Apologies for the delay in getting back to you on this.

I’ve finally had a chance to investigate this issue and I’ve been able to identify why it’s happening. What the SiteOrigin Page Builder plugin does is it removes the shortcode and replaces the shortcode with the content produced by the shortcode, so in this particular instance it is replacing [faq-concertina] with the list of FAQs that is generated by the FAQ Concertina plugin.

What FAQ Concertina does is it looks for the presence of the shortcode, i.e. [faq-concertina] in order to determine whether or not to load the inline styles and external stylesheet. It does this so that the styles and stylesheet particular to FAQ Concertina are not loaded unnecessarily on pages where the shortcode does not exist.

So, because the Page Builder plugin is removing the shortcode and substituting the content in it’s place, FAQ Concertina does not find the shortcode and so does not load the styles and stylesheet.

I’m not sure how to circumvent this problem, except for removing the shortcode check which would mean that the styles and stylesheet for FAQ Concertina are loaded on every page of the site even if they are not needed on that page. That would result in an additional and unnecessary HTTP request on all the other pages that would slow down the page load, however slightly. I am therefore reluctant to do this.

regards
Michael

• This reply was modified 8 years, 1 month ago by Michael Burridge.

Hi Jonathan

Following further experimentation, I have a workaround for you.

If you edit the widget that contains the [faq-concertina] shortcode, select ‘Attributes’ from ‘Widget Styles’ on the right hand side. You will see a box for ‘CSS Styles’ there.

What you need to do is copy the styles from the file “css/faq-concertina-styles.css” into there, and then if you want it to look like the FAQs on your FAQ page add the styles that appear in the header of that page. So after you’ve copied the contents of the CSS file into that box copy and paste this in:

.faqconc  { width: 100%; } 
.faq_item { background: #ffffff; border-color: #a2b07c; border-radius: 4px; }
.faq_q    { background: #a2b07c; color: #ffffff; } 
.faq_a    { color: #a2b07c; }
.faq_q:before { content: "\25BD"; font-size: 14px; margin-left: 6px; float:right; } .faq_is_open:before { content: "\25B3"; } .faq_q { padding-right: 8px; }
@media screen and (max-width: 600px) { .faqconc { width: 100%; } }

This should make the FAQs on the contact page work okay, but as the styling is defined in the page builder plugin, changes to the FAQ Concertina settings page will have no effect.

Hope this helps. Please let me know how you get on.

regards
Michael

• This reply was modified 8 years, 1 month ago by Michael Burridge.
• This reply was modified 8 years, 1 month ago by Michael Burridge.

Alternatively, add a new text widget within the page builder and just put the shortcode and nothing else into that text widget. That seems to work as well.

Good luck, and as before please let me know how things go.

regards
Michael

No response after more than two weeks so marking as resolved.