Links from Pictures in Gallery

Discussion in 'GoldenEagle WordPress Theme' started by thatkatiedid, Oct 7, 2013.

  1. thatkatiedid

    thatkatiedid New Member

    Joined:
    May 14, 2013
    Messages:
    8
    Likes Received:
    0
    I love the look and layout of the gallery page, but I really want to be able to link the pictures to another website when they're clicked on, instead of enlarging the picture. Can you tell me how to do that?
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello

    It is not possible to do that with the Theme Gallery template.
    But you can achieve this by using the column shortcode in fullwidth template
    and then putting the image code in the Column short code.

    See the link for reference
    http://www.inkthemes.com/how-to-use-shortcodes-in-themes/02/

    Follow the Instruction given below to achieve that.

    1. Go to the Pages > Add new in your dashboard and select the fullwidth template from the page attribute section.

    2. Put the images code with hyperlink code by using column shortcode, in the Text editor as shown in the image given below.

    [​IMG]


    For example:
    Code:
    [col3]
    <a href="Enter the URL Link of webpage for first row first column image"><img  alt="11" src="Enter the URL address of your first row first column image" width="300" height="142" /></a>
    [/col3][col3]
    <a href="Enter the URL Link of webpage for first row second column image"><img  alt="12" src="Enter the URL address of your first row Second column image" width="300" height="142" /></a>
     
    [/col3][col3_last]
    <a href="Enter the URL Link of webpage for first row third column image"><img  alt="13" src="Enter the URL address of your first row third column image" width="300" height="142" /></a>
     
    [/col3_last]
     
    [col3]
    <a href="Enter the URL Link of webpage for Second row first column image"><img  alt="21" src="Enter the URL address of your Second row first column image" width="300" height="142" /></a>
    [/col3][col3]
    <a href="Enter the URL Link of webpage for Second row second column image"><img  alt="22" src="Enter the URL address of your Second row Second column image" width="300" height="142" /></a>
     
    [/col3][col3_last]
    <a href="Enter the URL Link of webpage for Second row third column image"><img  alt="23" src="Enter the URL address of your Second row third column image" width="300" height="142" /></a>
     
    [/col3_last]
    .
    .
    .
    .
    [col3]
    <a href="Enter the URL Link of webpage for nth row first column image"><img  alt="n1" src="Enter the URL address of your nth row first column image" width="300" height="142" /></a>
    [/col3][col3]
    <a href="Enter the URL Link of webpage for nth row second column image"><img  alt="n2" src="Enter the URL address of your nth row Second column image" width="300" height="142" /></a>
     
    [/col3][col3_last]
    <a href="Enter the URL Link of webpage for nth row third column image"><img  alt="n3" src="Enter the URL address of your nth row third column image" width="300" height="142" /></a>
     
    [/col3_last]
     
    
     

Share This Page