Gallery image links

Discussion in 'Cloriato WordPress Theme' started by fusionny, Dec 8, 2013.

Thread Status:
Not open for further replies.
  1. fusionny

    fusionny Guest

    Joined:
    Aug 8, 2013
    Messages:
    18
    Likes Received:
    0
    Hi there
    Thanks for your help so far.
    I have a new question, I would like each image in my gallery to link to specific pages on my site. Is this possible?
     
  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

    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]
    I hope this will help you.
     
  3. fusionny

    fusionny Guest

    Joined:
    Aug 8, 2013
    Messages:
    18
    Likes Received:
    0
    thank you.
    i managed to find a plugin that allows me to do this without a problem.
     
Thread Status:
Not open for further replies.

Share This Page