How can I make a photo link to a post?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Faiyaz Vaid

    (@vaidfaiyaz)

    Hi @piotrpl

    I don’t think so there might be feature to link up the image but I will surely include this on next version release which will come soon. ??

    You can add the following jQuery in “Divi Theme Options / Integration tab”:

    <script>
    jQuery(function() {
    jQuery(“.owl-item”).click(function() {
    window.location = jQuery(this).find(“a”).attr(“href”);
    return false;
    });
    });
    </script>

    For cursor pointer use the following CSS:

    .owl-item {
    cursor:pointer;
    }

    I would also like to know how I can make the image in the carousel slider link to my posts! It would be cool if the module would just automatically link to the custom post type that was selected in the plugin. The way it is now, visitors are trying to click on the image and nothing happens!

    Thanks for posting the code. I tried it, but all it does is add a pointer when I mouse over the image, but no link to my post. Now visitors think they can click, but still nothing happens.

    Do I need to add something somewhere in the code and if so, where and what (; ?

    Any plans when the new plugin version will arrive? If we are talking weeks, I would have to look elsewhere or maybe find a workaround in the meantime…

    Otherwise the plugin is really good…

    Thanks so much,
    Cheers!

    • This reply was modified 4 years, 11 months ago by avviano.
    • This reply was modified 4 years, 11 months ago by avviano.
    • This reply was modified 4 years, 11 months ago by avviano.
    • This reply was modified 4 years, 11 months ago by avviano.
    • This reply was modified 4 years, 11 months ago by avviano.
    Plugin Author Faiyaz Vaid

    (@vaidfaiyaz)

    Hi @avviano @piotrpl

    Until new release you can use following jquery tweak to make the link work.

    jQuery(document).ready(function() {
    if(jQuery(‘.et_pb_fh_post_carousel_image img’).length) {
    jQuery(‘.et_pb_fh_post_carousel_image img’).click(function() {
    var parent = jQuery(this).parents().closest(‘.et_pb_fh_post_carousel_container_inner’);
    var link = parent.find(‘.et_pb_fh_post_carousel_title a’).attr(‘href’);
    if(typeof link !== “undefined”) {
    window.location.href = link;
    }
    });
    }
    }

    Also add this CSS

    .et_pb_fh_post_carousel_image img {
    cursor:pointer;
    }

    Let me know if it is not working.

    • This reply was modified 4 years, 11 months ago by Faiyaz Vaid.

    Hi Faiyaz,

    Thank you for posting the code. Where did you want me to add the code?

    I added it under “<head> of blog” under Divi Theme Options>Integration. But nothing happens. I do get the mouse over icon, but that is about it.

    All I need is to have the image follow the same link as the title below the image. The title below the image links correctly, the image does not.

    Thanks again for your help,
    Cheers

    You can check out the slider here: https://seaofsin-official.com/albums/unbroken/

    Plugin Author Faiyaz Vaid

    (@vaidfaiyaz)

    Hi @avviano

    I have checked the link you have provided I haven’t found my scripts can you please add it to Divi > Theme Options > Integration add it by encapsulate using script tag like <script>script above</script>. Let me know if you face any problem.

    Thread Starter piotrpl

    (@piotrpl)

    @creativehouseproject – your code is working fine, thank you. For those that do not work: after pasting the code you need to change the quotation marks to “” or ”.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How can I make a photo link to a post?’ is closed to new replies.