Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 21, 2014 at 9:40 am #212659
    runekjensen

    I figured out the prettyphoto and it works fine.
    However I can figure out how to it to an icon or a menu-link.
    This is the normal link test
    <a title="Tilmelding nyhedsbrev" href="http://mydomain/nyhedsbrev?iframe=true&width=240&height=360" rel="prettyPhoto[iframes]">Tilmeld dig vores nyhedsbrev</a>
    But how to I add link that to the fx the main menu?
    I can’t use this: http://mydomain/nyhedsbrev?iframe=true&width=240&height=360" rel="prettyPhoto[iframes]

    • This topic was modified 10 years, 10 months ago by runekjensen.
    January 21, 2014 at 10:36 am #212684
    Dude

    Hi runekjensen!

    WordPress supports a special option field for the rel attribute. Go to Appearance > Menus and click on the “Screen Options” tab in the right top corner. Then tick the checkbox next to “Link Relationship (XFN)” and WP will show a new menu option for each menu item (called “link Relationship (XFN)”). You can insert the “prettyPhoto[iframes]” property/text into this field and the link should open in a lightbox window.

    Regards,
    Peter

    January 21, 2014 at 10:38 am #212685
    runekjensen

    Ok thanks, and then just use http://mydomain/nyhedsbrev?iframe=true&width=240&height=360 as link?

    January 21, 2014 at 12:04 pm #212722
    runekjensen

    Ok it works fine in the menu, thanks :)
    But how to I add it to an icon in the icon box?
    If I could just see the plain html text it wouldn´t be a problem, but if I switch from advanced layout manager to default I can’t see the code

    January 22, 2014 at 5:57 pm #213440
    Devin

    Hi!

    The only way to see the actual html generated is to inspect the source on the front end. You would just be seeing the shortcodes if you switched from the advanced layout builder to what code creates it.

    Regards,
    Devin

    January 22, 2014 at 6:00 pm #213442
    runekjensen

    I don´t see anything. I can create a login for you if you want to inspect?

    January 23, 2014 at 11:12 am #213777
    runekjensen

    I wouldn´t mind seeing the shortcodes, that way I could still add the link to the icon box, otherwise I don’t know how to do it

    January 23, 2014 at 1:42 pm #213817
    Ismael

    Hi!

    Do you want to see the actual shortcode? You can switch the Advance Layout Builder to debug mode. Edit function.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    //set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}

    You will the shortcodes below the avia builder. If you want to edit the iconbox icon, you can edit config-templatebuilder > avia-shortcodes > iconbox.php.

    Cheers!
    Ismael

    January 23, 2014 at 2:09 pm #213835
    runekjensen

    So the iconbox code look like this

    [av_icon_box icon='ue8d2' font='entypo-fontello' position='left' title='Nyhedsbrev' link='manually,http://skadsandrup.dk/nyhedsbrev?iframe=true&width=240&height=360' linktarget='' linkelement='']
Tilmeld dig vores nyhedsbrev og få de seneste nyheder fra Skads og Andrup én gang i ugen på mail
[/av_icon_box]

    Where do I add the rel=”prettyPhoto[iframes]?

    January 23, 2014 at 3:18 pm #213873
    runekjensen

    or perhaps that’s not possible?
    Because of the ] it ends the code it seems like

    January 27, 2014 at 10:54 am #215276
    Dude

    Hey!

    No, you can’t do this with an icon box but you can insert an icon shortcode in the “menu title” field or description box.

    I recommend to use the “Magic wand” icon in the TinyMCE toolbar (select the “Default Editor” on a page/post editor page and click on the magic wand icon) to generate the icon shortcode, then go to the menu editor page (Appearance > Menus) and copy the shortcode into the title text field and save the menu.

    Cheers!
    Peter

    January 27, 2014 at 2:17 pm #215325
    runekjensen

    Awsome! Thanks!
    I’ll figure something out with the iconbox

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Adding prettyphoto to ex. and icon’ is closed to new replies.