Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 16, 2018 at 2:58 pm #1022218
    endiio

    Hello,

    I would like to integrate an icon into the LayerSlider of my web page (https://www.endiio.com/), which should open up a video after being clicked.
    It should be similar to the icon I use here (https://www.endiio.com/en/endiio-retrofit-box/).
    Basically a video icon and upon clicking on it, I want the video to open up on the same page (not in a separate tab on YouTube/Vimeo).

    I tried following this advice: https://kriesi.at/support/topic/layerslider-button-with-icon/ and generated an icon:

    [av_font_icon icon='ue80d' font='entypo-fontello' style='border' caption='Video ansehen' link='manually,https://www.youtube.com/watch?v=6kUABoqdBG0' linktarget='' size='100px' position='center' color='#ff9b00' custom_class='' admin_preview_bg=''][/av_font_icon]

    I don’t know where to paste this in the LayerSlider, though. I have tried pasting the shortcode into Custom CSS etc. but nothing happened!

    P.S.: I would like the end result to look similar to their icon/button: https://www.konux.com/

    Thanks in advance
    Hanna

    • This topic was modified 6 years, 9 months ago by endiio. Reason: Added additional information
    October 18, 2018 at 10:46 am #1023263
    endiio

    Please help! :)

    October 18, 2018 at 4:50 pm #1023453
    Victoria

    Hi endiio,

    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,
    Victoria

    October 23, 2018 at 11:34 am #1025349
    endiio

    Hello Victoria,

    Thanks for replying.
    I don’t know why but private content still shows up here?

    Best regards,
    Hanna

    • This reply was modified 6 years, 9 months ago by Victoria.
    October 24, 2018 at 4:31 pm #1025975
    Victoria

    Hi Hanna,

    Best regards,
    Victoria

    October 25, 2018 at 10:46 am #1026276
    endiio
    This reply has been marked as private.
    October 25, 2018 at 9:25 pm #1026561
    Victoria

    Hi Hanna,

    So if it works on one page you can just copy it to another, right?

    Best regards,
    Victoria

    October 31, 2018 at 2:22 pm #1028479
    endiio

    Quote from the first post:

    “I don’t know where to paste this in the LayerSlider, though. I have tried pasting the shortcode into Custom CSS etc. but nothing happened!”

    November 2, 2018 at 7:49 pm #1029297
    Victoria

    Hi endiio,

    How did you get it working on that other slider?

    Best regards,
    Victoria

    November 6, 2018 at 1:43 pm #1030389
    endiio

    I didn’t get it to work on another Layerslider. I got it to work on this page: https://www.endiio.com/endiio-retrofit-box/ by using an icon with a link. I generated a similar icon but don’t know where to paste it in the Layerslider.

    [av_font_icon icon='ue80d' font='entypo-fontello' style='border' caption='Video ansehen' link='manually,https://www.youtube.com/watch?v=6kUABoqdBG0' linktarget='' size='100px' position='center' color='#ff9b00' custom_class='' admin_preview_bg=''][/av_font_icon]

    November 8, 2018 at 5:48 am #1031108
    Ismael

    Hi,

    You can copy that shortcode on the layer field. Just create a layer, set it to html or text and then put the shortcode there. It may not render properly on the layer slider editor but it should work fine on the front end. If the shortcode is not working, create the same layer and then use this html.

    <span class="av_font_icon avia_animate_when_visible  av-icon-style-border  avia-icon-pos-center  avia_start_animation avia_start_delayed_animation" style="color:#f68b32; border-color:#f68b32;"><a href="https://www.youtube.com/watch?v=kceeao9YpUc" class="av-icon-char mfp-iframe lightbox-added" style="font-size:30px;line-height:30px;width:30px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a><span class="av_icon_caption av-special-font">Setting up the endiio retrofit box</span></span>

    Just change the video url in the “href” attribute.

    Best regards,
    Ismael

    November 14, 2018 at 3:16 pm #1033522
    endiio

    Thanks a lot, Ismael!
    You are right, it did not render properly on the layer slider editor, which is why I thought it didn’t work, but it worked fine on the front end.

    Have a nice day!

    November 14, 2018 at 10:02 pm #1033703
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Video Icon in LayerSlider’ is closed to new replies.