Home>Support>Slider Panels – Links – Pitch Premium

Slider Panels – Links – Pitch Premium

Sorry for posting in addition to emailing support (I never got a response)

I am using Pitch Premium (and don’t want to change to another right now)

The problem is that I want the “slider copy” (the copy that appears *under* the slider …. class “Indicators” ) to link to the page referenced in “Destination URL”
Certainly I will have to customize the theme in order to do this – but need some insights as to how.

see
http://cogswellcrowdfunding.com/
I want clicking on “professional certification in crowdfunding” (the left panel) to go to http://cogswellcrowdfunding.com/program/certificate/

can you advise?

Thanks!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 months ago Greg Priday
    Hi, I Work Here

    Hi CJ

    I can see your email from yesterday in our queue. It was next up in Andrew’s queue. I’ll close it though.

    Unfortunately we don’t support this kind of modification. It’s best to hire a developer to fully implement and support changes for you. They’ll probably land up creating a child theme.

    https://codeable.io/

    They’ll need to edit slider.php.

  2. 10 years, 3 months ago CJ Cornell

    Thanks – I actually looked at it (as did someone from ELance) … and neither of us could figure out how – regardless of a child theme. thanks for the link to codeable.

  3. 10 years, 3 months ago Greg Priday
    Hi, I Work Here

    As a basic guide, you’d need to overwrite line 36 of slider.php to include a link.

    <h4><a href="<?php the_permalink() ? rel="nofollow">"><?php the_title() ?></a></h4>

    They’d also need to override the file js/pitch.js and remove the following lines of code:

    // Tie the custom indicators to the slider
        $('#slider .indicators .indicator').each(function(i, el){
            $(el).click(function(){
                $('#slider .nivo-controlNav a').eq(i).click();
                return false;
            });
        });

    Lastly, you’d probably need a few extra lines of CSS to ensure the links are being styled correctly.

    Hopefully that’s enough to point a coder in the right direction :)

  4. 10 years, 3 months ago Greg Priday
    Hi, I Work Here

    Just noticed our forum software added a weird nofollow in some of the code I posted. I’ll sort that out. Hope you get the idea so long though.

  5. 10 years, 3 months ago CJ Cornell

    Thanks for the help! I did the above … but take a look
    http://cogswellcrowdfunding.com/

    links “appear” in the 3 areas but the links still only change the slider (instead of going to the page specified in “destination URL”). In other words – all the new code seemed to do was underline the h4 title …

  6. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    CJ try un-doing the previous modification and adding the following to Appearance > Custom CSS:

    .nivoSlider { position: static !important; }
  7. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    (Sorry for the delay there in the email queue, I wasn’t sure of a fix – let me know if this works for you)

  8. 10 years, 3 months ago CJ Cornell

    Holy cow. One line of css!
    It is nearly perfect – but a little kludgy …. I cannot figure out why but 1/2 the time the link does not work (I think it has to do with the code that changes the slider). I think the code that tells Pitch to change the slider every time one of the panels below is clicked, is conflicting. How can I just disable that functionality (I really can live without it).
    tryit out and see….
    http://cogswellcrowdfunding.com/

    the new line of code works but inconsistently, and I think it is because the slider-changing code conflicts.

    Let me know what you think and THANKS for the quick responses!

  9. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi CJ

    Just guess work on my part but that worked for me. Can you confirm that you un-did the code that Greg sent?

  10. 10 years, 3 months ago CJ Cornell

    Yes definitely. I had saved the original files, restored them (and just verified).

  11. 10 years, 3 months ago CJ Cornell

    To be clear – I *think* the problem only occurs when the current slider/banner matches the panel (below) that was just clicked. If one clicks a panel whose copy is not displaying in the upper slider, then the link works fine.

  12. 10 years, 3 months ago CJ Cornell

    Oh I was wrong… this gets weird.

    It seems that clicking on any of the panels below does not jump to its corresponding “destination location” – clicking causes the system to link to the “destination location” associated with whatever slider-banner happens to be showing on top.

  13. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hey Cj

    Is that not what you requested?

    “The problem is that I want the “slider copy” (the copy that appears *under* the slider …. class “Indicators” ) to link to the page referenced in “Destination URL””

  14. 10 years, 3 months ago CJ Cornell

    I think I am not being clear on the problem.

    There are 3 panels below the slider. Each of those panels has a destination url (page) associated. I want the user to click on each of those panels and go to the associated page. (no matter what the slider on top is doing). Really simple. 3 boxes 3 links.

    so I will try to be more explicit
    With Pitch Premium

    1. ORIGINALLY
    When you clicked on one of the panels below, all it did was change the slider on top to the corresponding banner (a rather useless behavior IMHO : ) …. and then if the user clicked on the banner, it would go to the “destination URL page). Rather counterintuitive.

    2. WHAT I WANT
    When you click on any one of the panels below, the system goes to the “desintation url” associated with that ‘panel’ (regardless of what the slider is displaying on top).

    3 WHAT HAPPENS NOW
    with the current fix (single line of custom-CSS), clicking on any of the 3 panels below goes to the link that happens to be associated with the currently displayed slider. This ends up working like a RANDOM roulette wheel.

    In other words –
    if the user clicks on the left-most panel (Professional Certification) – it should ALWAYS go to that destination URL (professional certification). But it does not do this.
    If the slider/banner above happens to be rotating/displaying one of the other slider banners – it will go to the destination URL associated wiith the slider above.
    ie.. clicking on “professional certification” might go to one of the other 2 pages.
    VERY counterintiutive (and to the user, it’s a bug).

    Understand?

    try it again
    http://cogswellcrowdfunding.com/

  15. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    The original idea with the slider is you’d read the description of the other slides, click on it and then see the slide associated with it. It’s a static reference to something that is moving.

    I see the issue with my solution now, I was testing with the same link on two slides which is why I missed it.

    As Greg mentioned before – we’re really in custom development territory here. We can take a stab at this kind of stuff but unfortunately we’re at the point now where we must refer you to codeable.io or similar developer.

    What I can do for you, is if you want to use another slider, something like Meta Slider, I can help you integrate that into the same space where the existing sliders sits, with a child theme. That way you’ll have total control over the slider.

    If you can settle on a slider plugin you like I can sort that out for you.

  16. 10 years, 3 months ago CJ Cornell

    I am personally willing to do the work in getting this to work – but was wanting direction as to where in your code to modify.
    I (along with several consultants already) – have tried to see how we can get this working. I am not asking you guys to code anything (but snippets are helpful and welcome)
    And frankly – is it really too much to ask – for a way to insert links?
    There is something in the code the PREVENTS me from embedding ANY link in those 3 panels. (if it was a matter of simply getting something to work – I’d do it myself – the reason I am engaging with you guys is that there is something PREVENTING links from being used in those 3 panels.

  17. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    CJ please refer to my previous answer. There really isn’t anything either of us can gain by going point vs point on the matter.

    We have had a look, it’s not an obvious quick fix, I’m not holding back information.
    Our theme support does not include any customisations – the premium product is offered as is – we help out with customisations where possible.
    I’ve offered an alternative solution.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More