Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • November 2, 2015 at 11:23 am #528347
    Blaahval

    Hi Enfold,

    Two questions.

    1) When using the full screen slider, is it possible to make one of the two buttons go to the next slide? I’ve tried to make it link to #next but that does not work.

    2) When using a Grid Row, is it possible to assign an ID to a single box (and not the entire row) to use with anchor links? When on mobile/tablet the grid rows are stacked on top of each other in responsive mode, and I want the anchor link to scroll all the way to the last grid box instead of the first one.

    Thanks in advance! :-)

    November 3, 2015 at 2:20 am #528937
    Yigit

    Hi Blaahval!

    Let us try without seeing your website. If following does not help, please post the link to your website and point out the pages where you would like to make changes.

    1- Please add a Color Section element right below your fullscreen slider and give that color section a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then link one of the buttons of your slider to that id ( for example: #my-next-section )
    2- Please edit your Grid Row element and give it a unique ID and then add following code to Functions.php file in Appearance > Editor

    function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('#your-unique-grid-row-id .flex_cell:nth-child(3)').attr('id','my-third-cell');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');

    that should target 3rd column. If you are using more or less columns, you can change (3) in the code accordingly. Then you can simply link your button to #my-third-cell

    Cheers!
    Yigit

    November 3, 2015 at 9:11 am #529047
    Blaahval

    Hi Yigit,

    First of all sorry for leaving out the website. :-)

    Thanks for solution #2 – it worked perfectly!

    Regarding my first question I think you may have misunderstood me. I want the button to link to the next image in the same slider, not the next section/slider on the page. Basically I want it to do the same as the next-arrow on the right side of the slider, but I’ve tried linking it to #next (same as the arrow) but that does not work.

    Is it even possible?

    Kind regards!

    November 3, 2015 at 12:29 pm #529134
    Blaahval

    Hi again,

    This is pretty strange, after adding the code snippet you provided my two grid row boxes are no longer full height on my Android devices even though they are set to 100vh in CSS. On iPhone it works without issues. Any ideas? :-)

    I’ve provided a screenshot below. It is almost as if it sets the entire grid row to 100vh and not the individual boxes.

    Kind regards!

    November 4, 2015 at 1:11 pm #529964
    Andy

    Hey!

    I checked it on my android device and it’s displaying fine, not like in your screenshot. Please clear browser cache and hard refresh a few times. Check on another device as well.

    Regards,
    Andy

    November 4, 2015 at 1:15 pm #529968
    Blaahval

    Hi Andy,

    Thanks for your reply. It’s working fine here as well now, must have been a cache issue as you said. :-)

    I’m still open for input on the issue with the button. Is it not possible to make the button show the next image in the slider?

    Regards!

    November 5, 2015 at 6:58 pm #531096
    Andy

    Hey!

    not sure about which button you are talking about, but there is no function for this in the theme settings and I don’t think it would be easy to implement. If you really need to it, you would need to contact a freelancer.

    Regards,
    Andy

    November 6, 2015 at 9:24 am #531369
    Blaahval

    Hi Andy,

    Thanks again for your reply. Please see the attached image in the private content. :-)

    I want the “More quotes” button (marked with a yellow circle) to select the next slide like the “arrow” button. (marked with a red arrow)

    I hope it makes sense now and that you know what button I am referring to. Sorry for the confusion!

    Kind regards,

    Brian

    November 9, 2015 at 7:02 am #532381
    Ismael

    Hey!

    Add this in the functions.php file to trigger the next slide button when you click on the caption button:

    function add_custom_script(){
?>
<script>
(function($){
	var button = $('.avia-caption-content a[href="#next"]');

	$(button).click(function() {
		$('a.next-slide').trigger('click');
	});

})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Best regards,
    Ismael

    November 9, 2015 at 9:05 am #532424
    Blaahval

    Hi Ismael,

    Thanks a lot for your reply and effort. I’ve added the code to functions.php but unfortunately I cannot seem to make it work.

    I assume it should still be linking to #next?

    Kind regards! :-)

    November 9, 2015 at 3:33 pm #532643
    Mark_goessens

    I’m trying to do exact the same thing. But in my case the functions.php code isn’t working either.

    November 9, 2015 at 3:36 pm #532651
    Blaahval

    Hi Mark,

    Good to know that it isn’t only me. :-)

    I’m sure the fantastic team from Kriesi will have our problem solved shortly. Fingers crossed!

    Regards.

    November 12, 2015 at 10:37 am #534645
    Blaahval

    Hi again,

    I could still use some input on this issue if possible. Pretty sure Ismael’s suggestion was close but I am not really that skilled with scripts to figure out why it might not be working. :-)

    Kind regards!

    November 19, 2015 at 4:08 am #538693
    Ismael

    Hey!

    We are very sorry for the delay. The code is actually working on my installation. Please add the code again then remove browser cache before testing the page. Post the login details here so that we can check it.

    Best regards,
    Ismael

    November 19, 2015 at 9:54 am #538815
    Blaahval

    Hi Ismael,

    Thanks for your reply. :-)

    The code is still in my functions.php but I still cannot make it work unfortunately. Nothing happens so I’m not sure it is a cache issue.

    Feel free to test the site if required, I’ve attached the login details below.

    Kind regards!

    November 21, 2015 at 3:05 am #540039
    Ismael

    Hi!

    Thank you for the info. Please remove browser cache then check it here: http://www.toiletquotes.com/product/inspirational-toilet-quotes/

    Best regards,
    Ismael

    November 21, 2015 at 9:50 am #540129
    Blaahval

    Hi Ismael,

    Thank you so much for all of your help with our enquiry. Now it works perfect! :-)

    Kind regards!

    November 23, 2015 at 1:42 am #540480
    Ismael

    Hi!

    No problem. Glad we could help!

    Regards,
    Ismael

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Button for next slide + grid row anchor link’ is closed to new replies.