Tagged: accordion slider, custom
-
AuthorPosts
-
September 12, 2017 at 4:02 pm #851059
Hi,
Is it possible to edit accordion slider code so first slide is instantly opened when slider is loaded.
If it is possible can you tell me what file i need to edit and how to include it in child theme.
Thank you and kind regards.September 12, 2017 at 9:07 pm #851244I am interested in doing this as well.
- This reply was modified 7 years, 3 months ago by blaircomm.
September 13, 2017 at 12:31 pm #851548Hi rakocevic,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaSeptember 13, 2017 at 2:39 pm #851592Hi Victoria,
Currently i don’t have clients permission to give you access to website, but if it is so important to you i can ask them.
To be honest i do not understand why do you need admin access since question is referring to Avia Accordion Slider which is included in Enfold theme.
We are using latest version of Enfold (4.1.2)Slider settings:
- Entry Based Slider
- Product Visibility -> featured
- Use default
- Use default
- Use default
- Number of entries: 7
- Deactivate offset
- Shop Single
- Autorotation: yes ->3
Shortcode:
[av_slideshow_accordion slide_type='entry-based' link='product_visibility,8' wc_prod_visible='' prod_order_by='' prod_order='' items='7' offset='0' size='shop_single' autoplay='true' interval='3' title='on-hover' excerpt='aviaTBexcerpt' accordion_align='av-accordion-text-center' custom_title_size='20' custom_excerpt_size='13' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='']I hope these info will be helpful
September 13, 2017 at 11:19 pm #851765I am also trying to do this. It seems that that should be an option in the accordion slider settings itself. I had finally resorted to trying to add some jquery code on the page to add the ‘active’ class to the appropriate li but that does not seem to have any effect. I tried adding:
<script> $(document).ready(function(){ $(“.aviaccordian-slide-3”).addClass('aviaccordian-active-slide’); }); </script>
I also tried:
<script> $(window).load(function($) { $(“.aviaccordian-slide-3”).addClass('aviaccordian-active-slide’); }); </script>
I’ve tried it in the header.php, and as a code block but nothing. Where can I place the code that it will actually add the class to the slider? Thx.
- This reply was modified 7 years, 3 months ago by waterwalk.
September 14, 2017 at 9:40 am #851939Hi waterwalk,
“.aviaccordian-slide-3” should be “.aviaccordion-slide-3” and the other class also has “a” instead of “o”.
And these
“ ” ’ should be changed to "" and ''
What are you using to write code?Best regards,
VictoriaSeptember 14, 2017 at 7:16 pm #852280Oops, did not catch the spelling error though I must have looked at it a million times. So I tried your ideas but there is still no effect. I tried placing it in a code block, tried it in the footer file after the jquery loads and a few other places. No effect whatsoever. I finally went and bought a plugin because I’ve spent way too much time on something that seems like it should have been fairly simple. Seems silly I know that I have to use a different accordion slider when you guys have one in the theme but I really can’t waste anymore time on this. I already lost almost a full day.
September 15, 2017 at 9:23 am #852417Hi Victoria,
Just to follow up on the topic above.
Is there any file that can be modified or should i buy different slider too?September 19, 2017 at 3:17 am #853645Hi,
Please use this script in the functions.php file.
// custom script function add_custom_script(){ ?> <script> (function($){ setTimeout(function() { $(".aviaccordion-slide-3").trigger('mouseenter'); }, 1000); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');
Remove browser cache or hard refresh before checking the page.
Best regards,
IsmaelSeptember 19, 2017 at 9:42 am #853769Works great!
Thank you IsmaelSeptember 20, 2017 at 5:51 am #854155 -
AuthorPosts
- The topic ‘Accordion Slider customization’ is closed to new replies.