Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 31, 2020 at 7:54 pm #1199501
    rlhinirv57

    Is it possible to set previous and next arrows not to appear until a specific scroll point?

    I don’t see a way to do this within the Advanced Styling options; I looked at other seemingly related topics but they don’t cover this issue.

    Alternately, if I can add a tab to a Tab Section element that can link to a different page, this approach would also work.

    The Goal: navigate to related pages, with the visual previous and next links being at left and right of a tab section that’s halfway down the page.

    April 3, 2020 at 9:24 pm #1200637
    Victoria

    Hey rlhinirv57,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    April 3, 2020 at 10:22 pm #1200678
    Guenni007

    if you mean those post navigation arrows that link to the next or previous post
    try this in your child-theme functions.php

    function show_aviapostnav_onscroll(){
?>
<script>
(function($) {
    $(".avia-post-nav").css("background-color", "0");  
    $(document).ready(function(){
      $(window).scroll(function() { 
        if ($(document).scrollTop() > 120) { // your wanted scroll distance 
          $(".avia-post-nav").css("opacity", "1");
        } else {
          $(".avia-post-nav").css("opacity", "0"); 
        }
      });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'show_aviapostnav_onscroll');
    • This reply was modified 4 years, 8 months ago by Guenni007.
    April 5, 2020 at 5:46 am #1200921
    Rikard

    Hi,

    Thanks for sharing @guenni007. Did you try that out and did you have any luck with it @rlhinirv57?

    Best regards,
    Rikard

    April 5, 2020 at 7:23 pm #1200991
    rlhinirv57

    This looks like it will work very well, so thank you much @Guenni007

    Alas, client decided they want something different. Basically they like the tab section element, but want the leftmost tab to link to the previous page in their related content, and a rightmost tab to link to the next page in their related content. The tabs would be expected to have an arrow icon and be labeled “Previous Feature” , “Next Feature”.

    I realize that I can simply copy the generated html, and make this work by adding a link at beginning and end of the list that has the same css classes and links to a page rather than the tab content. However, that won’t be user friendly at all for anyone on their staff to update, so I was hoping to figure out a way to make this work within the avia elements.

    Should I start another thread, and provide a screenshot mockup of what I am hoping to achieve, along with a url?

    Thanks much for your response!

    • This reply was modified 4 years, 8 months ago by rlhinirv57. Reason: provide example of how the client wants the page to look
    April 5, 2020 at 7:25 pm #1200993
    rlhinirv57

    Yes, I did mean that. This looks like it will work very well! @Guenni007
    Unfortunately the client decided they wanted something different… (see below, if you have spare time)

    And many thanks for your useful contributions to the forum; I’ve found several of your contributions to be very helpful.

    April 6, 2020 at 8:41 pm #1201365
    Victoria

    Hi rlhinirv57,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 7, 2020 at 9:35 pm #1201705
    Guenni007

    You mean you want to change the direction and you want to stay in the same category!

    Here we go: https://kriesi.at/support/topic/change-previous-next-buttons-in-portfolio-items/#post-1164041

    April 10, 2020 at 11:05 pm #1202771
    rlhinirv57

    Hello Guenni007,
    Thank you for your response; that is not what I need, but you weren’t able to see the information in my private data. I thought I had created a new thread but don’t see it so replying here. I actually need a custom tab link capability.

    Description of request: In the website being built, a tab section is being used in each page that showcases a feature of the client’s products. The client wants the leftmost link (it’s a tab) to link to another page in the website, instead of the usual tab behavior of linking to a tab panel.

    I realized that I could copy the html code generated by WordPress for this and related pages, and paste it into the default WordPress editor as plain html, replacing the tab panel id with a page url. That would probably work…

    However, that won’t allow the client to update the content in these tab sections. I was hoping to figure out a way to make this happen while staying within the avia framework, so that the client could do updates.

    See annotated screenshot at: https://imgur.com/a/9XGcPP5 (or below if the embed worked)

    <script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

    April 10, 2020 at 11:14 pm #1202773
    rlhinirv57

    Hello Victoria,
    Sample page at the website is below in the private data. What I actually need is a custom tab link instead of the standard link to the tab panel. As I mentioned in the reply to Guenni007, I could probably copy the html generated by WordPress and paste it into a new page using the default WordPress editor, then change the tab link(s) in the html. However, that won’t permit my client to update the page content; I am hoping to be able to do this while staying within the Avia editor so the client can update page content.

    The beta site (link below) is using a child theme for Enfold, and I am comfortable adding a function to the child theme’s functions.php

    Thanks in advance!

    April 13, 2020 at 2:57 pm #1203290
    Victoria

    Hi rlhinirv57,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

    April 13, 2020 at 5:34 pm #1203318
    rlhinirv57

    Thank you for your response, Victoria!

    April 13, 2020 at 11:34 pm #1203382
    Jordan Shannon

    Hi,

    Should you need help with anything else, please don’t hesitate to let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Hide blog navigation prev and next arrows until a specific scroll point’ is closed to new replies.